update libossia features to display image

Author: aklevy

_libossia_features/c.md

@@ -2,10 +2,10 @@
 layout: libossia-feature
 title:  "Unreal Engine bindings"
 
-permalink: /site-libossia/features/unreal.html
+permalink: /site-libossia/features/c.html
 category: "site-libossia"
-#image: /assets/bindings/qml.png
-description: "Using libossia with Unreal Engine"
+image: /assets/logo/c.png
+description: "Using libossia with C"
 
 tag: "Bindings"
 visible: true
@@ -18,4 +18,4 @@ visible: true
 
 # Video tutorial
 
-TODO
+TODO

_libossia_features/max.md

@@ -4,7 +4,7 @@ title:  "Max/MSP bindings"
 
 permalink: /site-libossia/features/max.html
 category: "site-libossia"
-#image: /assets/bindings/max.png
+image: /assets/logo/max.jpg
 description: "Using libossia with Max/MSP"
 
 tag: "Bindings"
@@ -18,4 +18,4 @@ visible: true
 
 # Video tutorial
 
-TODO
+TODO

_libossia_features/ofx.md

@@ -4,7 +4,7 @@ title:  "OpenFrameworks bindings"
 
 permalink: /site-libossia/features/openframeworks.html
 category: "site-libossia"
-#image: /assets/bindings/openframeworks.png
+image: /assets/logo/of.png
 description: "Using libossia with OpenFrameworks"
 
 tag: "Bindings"
@@ -18,4 +18,4 @@ visible: true
 
 # Video tutorial
 
-TODO
+TODO

_libossia_features/oscquery.md

@@ -17,4 +17,4 @@ visible: true
 
 # Video tutorial
 
-TODO
+TODO

_libossia_features/pd.md

@@ -4,7 +4,7 @@ title:  "PureData bindings"
 
 permalink: /site-libossia/features/puredata.html
 category: "site-libossia"
-#image: /assets/bindings/puredata.png
+image: /assets/logo/pd.png
 description: "Using libossia with PureData"
 
 tag: "Bindings"
@@ -18,4 +18,4 @@ visible: true
 
 # Video tutorial
 
-TODO
+TODO

_libossia_features/processing.md

@@ -4,7 +4,7 @@ title:  "Processing bindings"
 
 permalink: /site-libossia/features/processing.html
 category: "site-libossia"
-#image: /assets/bindings/processing.png
+image: /assets/logo/processing.jpg
 description: "Using libossia with Processing"
 
 tag: "Bindings"

_libossia_features/python.md

@@ -4,7 +4,7 @@ title:  "Python bindings"
 
 permalink: /site-libossia/features/python.html
 category: "site-libossia"
-#image: /assets/bindings/max.png
+image: /assets/logo/python-logo.png
 description: "Using libossia with Python"
 
 tag: "Bindings"

_libossia_features/qml.md

@@ -4,7 +4,7 @@ title:  "Qt / QML bindings"
 
 permalink: /site-libossia/features/qml.html
 category: "site-libossia"
-#image: /assets/bindings/qml.png
+image: /assets/logo/qt-logo.png
 description: "Using libossia with QML"
 
 tag: "Bindings"
@@ -18,4 +18,4 @@ visible: true
 
 # Video tutorial
 
-TODO
+TODO

_libossia_features/supercol.md

@@ -4,7 +4,7 @@ title:  "SuperCollider bindings"
 
 permalink: /site-libossia/features/supercollider.html
 category: "site-libossia"
-#image: /assets/bindings/puredata.png
+image: /assets/logo/supercollider-logo.png
 description: "Using libossia with SuperCollider"
 
 tag: "Bindings"

_libossia_features/unity3d.md

@@ -4,7 +4,7 @@ title:  "Unity3D bindings"
 
 permalink: /site-libossia/features/unity.html
 category: "site-libossia"
-#image: /assets/bindings/qml.png
+image: /assets/logo/unity.png
 description: "Using libossia with Unity3D"
 
 tag: "Bindings"
@@ -18,4 +18,4 @@ visible: true
 
 # Video tutorial
 
-TODO
+TODO

_libossia_features/unreal.md

@@ -4,7 +4,7 @@ title:  "Unreal Engine bindings"
 
 permalink: /site-libossia/features/unreal.html
 category: "site-libossia"
-#image: /assets/bindings/qml.png
+image: /assets/logo/unreal_engine.png
 description: "Using libossia with Unreal Engine"
 
 tag: "Bindings"
@@ -18,4 +18,4 @@ visible: true
 
 # Video tutorial
 
-TODO
+TODO

_pages/libossia.md

@@ -81,7 +81,7 @@ libossia is distributed under the terms of the CeCILL-C license and of the LGPLv
          <div class="features-list">
         {% for post in site.libossia_features %}
                 <a href="{{post.url}}" class="thumbnail" >
-                    <img class="thumbnail-feature" src="/assets/blank.png" alt="{{post.title}}" data-echo="{{post.image}}"  width="auto"/>
+                    <img class="thumbnail-feature-libossia" src="/assets/blank.png" data-echo="{{post.image}}" />
                     <h1 class="blog-title">{{post.title}} </h1>
                     <span class="feature-description">{{post.description}}</span>
                 </a>

css/style.css

@@ -1230,6 +1230,13 @@ h2.blog-title{
 .thumbnail-feature{
     width: 300px;
 }
+
+.thumbnail-feature-libossia{
+    max-width:100px;
+    max-height:100px;
+    width:auto;
+    height:auto;
+}
 .feature-description{
     font-weight: 400;
     font-size: 18px;