From 766e59d6a0e5fc8c05f5c85d0fce52113dadc2c6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Cabe=CC=81?= <benjamin@eclipse.org>
Date: Wed, 25 Mar 2015 13:14:17 +0100
Subject: [PATCH] --

---
 public/assets/css/bootstrap.css               |  13 ++++++++--
 .../images/heading-presentations-icon.png     | Bin 0 -> 681 bytes
 public/assets/images/heading-video-icon.png   | Bin 0 -> 631 bytes
 public/assets/images/heading-videos-icon.png  | Bin 0 -> 631 bytes
 public/assets/stylesheets/theme/_main.scss    |  17 +++++++++++--
 public/getting-started.html                   |   6 ++---
 public/index.html                             |  20 +++++++--------
 public/index.xml                              |  13 +++-------
 public/sitemap.xml                            |  10 ++++----
 public/working-group/index.html               |  24 +++++++++---------
 static/assets/css/bootstrap.css               |  13 ++++++++--
 .../images/heading-presentations-icon.png     | Bin 0 -> 681 bytes
 static/assets/images/heading-videos-icon.png  | Bin 0 -> 631 bytes
 static/assets/stylesheets/theme/_main.scss    |  17 +++++++++++--
 static/getting-started.html                   |   6 ++---
 15 files changed, 89 insertions(+), 50 deletions(-)
 create mode 100644 public/assets/images/heading-presentations-icon.png
 create mode 100644 public/assets/images/heading-video-icon.png
 create mode 100644 public/assets/images/heading-videos-icon.png
 create mode 100644 static/assets/images/heading-presentations-icon.png
 create mode 100644 static/assets/images/heading-videos-icon.png

diff --git a/public/assets/css/bootstrap.css b/public/assets/css/bootstrap.css
index c7d4192b..9a9964b5 100644
--- a/public/assets/css/bootstrap.css
+++ b/public/assets/css/bootstrap.css
@@ -4234,6 +4234,11 @@ header {
     text-align: center;
     margin-bottom: -75px; }
 
+@media (max-width: 767px) {
+  .navbar-brand > img {
+    height: 60px;
+    margin-top: -14px; } }
+
 main.main {
   /* Item box: Layout item */
   /* Project list: projects.html */ }
@@ -4496,9 +4501,13 @@ main.main {
         top: -20px;
         position: absolute; }
   main.main .videos h2 {
-    background-image: url(../images/heading-upcoming_events.jpg); }
+    background-image: url(../images/heading-featured.png); }
+    main.main .videos h2 span {
+      background-image: url(../images/heading-videos-icon.png); }
   main.main .presentations h2 {
-    background-image: url(../images/heading-upcoming_events.jpg); }
+    background-image: url(../images/heading-featured.png); }
+    main.main .presentations h2 span {
+      background-image: url(../images/heading-presentations-icon.png); }
   main.main .tutorials .featured-tutorial-item {
     background-image: url(../images/open-iot-bg.jpg);
     background-size: cover;
diff --git a/public/assets/images/heading-presentations-icon.png b/public/assets/images/heading-presentations-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..07ef94442f1b64b5291dd4292de1bcc38727e114
GIT binary patch
literal 681
zcmeAS@N?(olHy`uVBq!ia0vp^!9eW8!3HD+jk^7Slw^r(L`iUdT1k0gQ7VIDN`6wR
zf@f}GdTLN=VoGJ<$y6H#1}1M$7srr_TW@B2drJpOwE6Fux-7OMcDGLJqeDyY{!rgl
z`uJGr$M`SqC6CYT(#nmMT4j2#D|}Bt$d-iFx=K?Uq&9TDtUe(w;be5tsMGl6=R?kF
zJnHH;KaJ9b_D$9j;p%glEGD8LJoALg2^TdZPNRvPJ}E*eO2RW)W}fizxRvy+POd9(
zqVW8qO%?+6lN5}vKB&JX-*H;%x%tuH>UXMnouQL=D}6g+YBaZ6cV72)CG9@#6ER}8
zp~tFs#{0f&i4fj>R%`R+eT%LdDY3o%F+KD)yP>LIp5kVk^stqilkOdR*X?9{;*OYi
zQjAa6{nY38I~H<1-qTZeG3)BJ&;6h0vp=cZcwGLGS|@kF_6jvNpC#+}^go(=qP^#J
zSH{2Ni>_Cs7O%U_K4<Hxzj5nN^+qk*zijE-ADtDMe?;ax9lM(C`0@SIRzn@VBW=1V
zlE2wZ->wbZ`&mPw{KUG8cec1su-V`6!?M$-$tOi=GAImO)Ew1}CVEZ)h5<wX94Hez
znNpOD(>&e(HvNxYAGlI`-4z|_?3uESj}yEf9<r@n5jXFBRkVolx*I_+s-Fm740<8$
zeRx*v>Zc})ex9BkyZ3<e^b2X%?Zof3-IcTWmV4v!qrKYO5`Sl9?tNUd)a;Gr;qZIg
z-A=CFekP{(v%6aUnb3O*0oqG>nc||3t*f^#+^Jw*wcWLy`~KzNeWg!NiEdxFCPGwy
zw?uwy=9jFv?BbAaT?yl`ouB)BL+@-6hDIGME@56PJQvT%#&EoR+Ku=P-_8Ql9)qW=
KpUXO@geCwRNj5nE

literal 0
HcmV?d00001

diff --git a/public/assets/images/heading-video-icon.png b/public/assets/images/heading-video-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..861c86bcb24875bbc5a0bdf6b7b62ee64a537aab
GIT binary patch
literal 631
zcmeAS@N?(olHy`uVBq!ia0vp^!9eW8!3HD+jk^7Slw^r(L`iUdT1k0gQ7VIDN`6wR
zf@f}GdTLN=VoGJ<$y6H#1|~^Q7srr_TW@ChY99#{Ire|?O@r(wrH-?<@;iLmwlPpl
z>CJ|Xn*+?ex_&U63X05_;;%48qcSpL)y=ayQ&>%vdyW;)-n?OB!nvN}FE(Fq-`n|l
zcJ;g4cOo`M^hnIT62O=mq?T$l#dGGAlL2bj*){VkT5sjDZ(bl?(ip{j|10aAX5kIY
zMz`bzRv(DpJ2`>dL|V?p@rlxn?K;IwZ(7S_LsA{<eoS$lx%L6u73*2g<Q&XTL`63|
zo7>5gIiYTL^x5BY^bRqLrIu-JojiH!_NbQ|G>jKsIVbyqF+6nA%ncgB*{a;t_p>$k
zU)Aclw8(Yltx7g+Bk}nkEmltUHqc4>JY{9E2#=~g$2rYlb@2uAI?d{*bnMqB#4ec^
zw9N0&#ZnHPMt7jd`-EUUoljFD>)Z~ot@!=A?})57&vdQqz?VX|j!c~&J~KJ!p6oQM
zr)$p~o_f>FVuRYH+b3kE?le5<`}_T6wz7i@Qzy!$^ff0Nyj@tLGwr8z#-vH}KAJ3y
zo^n%jv7w}8_cEWgd*c=dtX=Uo(DeD4IhSp-&n-H$C3t3Lw^9F`Qz5UnKkM%Mu<b>d
zpJrUrH&^!;7npt&C~Z>sdp1hv^MomHc#V&_w*B*U?dspQ<@BHIr~@$}zh+N+Z#?sV
zx!H1`Qz;sgjWj1O^f|Qzh?qbmvPeqZJby+u21ApC*<YG|=K@m_gQu&X%Q~loCII1R
B9t!{f

literal 0
HcmV?d00001

diff --git a/public/assets/images/heading-videos-icon.png b/public/assets/images/heading-videos-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..861c86bcb24875bbc5a0bdf6b7b62ee64a537aab
GIT binary patch
literal 631
zcmeAS@N?(olHy`uVBq!ia0vp^!9eW8!3HD+jk^7Slw^r(L`iUdT1k0gQ7VIDN`6wR
zf@f}GdTLN=VoGJ<$y6H#1|~^Q7srr_TW@ChY99#{Ire|?O@r(wrH-?<@;iLmwlPpl
z>CJ|Xn*+?ex_&U63X05_;;%48qcSpL)y=ayQ&>%vdyW;)-n?OB!nvN}FE(Fq-`n|l
zcJ;g4cOo`M^hnIT62O=mq?T$l#dGGAlL2bj*){VkT5sjDZ(bl?(ip{j|10aAX5kIY
zMz`bzRv(DpJ2`>dL|V?p@rlxn?K;IwZ(7S_LsA{<eoS$lx%L6u73*2g<Q&XTL`63|
zo7>5gIiYTL^x5BY^bRqLrIu-JojiH!_NbQ|G>jKsIVbyqF+6nA%ncgB*{a;t_p>$k
zU)Aclw8(Yltx7g+Bk}nkEmltUHqc4>JY{9E2#=~g$2rYlb@2uAI?d{*bnMqB#4ec^
zw9N0&#ZnHPMt7jd`-EUUoljFD>)Z~ot@!=A?})57&vdQqz?VX|j!c~&J~KJ!p6oQM
zr)$p~o_f>FVuRYH+b3kE?le5<`}_T6wz7i@Qzy!$^ff0Nyj@tLGwr8z#-vH}KAJ3y
zo^n%jv7w}8_cEWgd*c=dtX=Uo(DeD4IhSp-&n-H$C3t3Lw^9F`Qz5UnKkM%Mu<b>d
zpJrUrH&^!;7npt&C~Z>sdp1hv^MomHc#V&_w*B*U?dspQ<@BHIr~@$}zh+N+Z#?sV
zx!H1`Qz;sgjWj1O^f|Qzh?qbmvPeqZJby+u21ApC*<YG|=K@m_gQu&X%Q~loCII1R
B9t!{f

literal 0
HcmV?d00001

diff --git a/public/assets/stylesheets/theme/_main.scss b/public/assets/stylesheets/theme/_main.scss
index 9d194f31..ea503f69 100644
--- a/public/assets/stylesheets/theme/_main.scss
+++ b/public/assets/stylesheets/theme/_main.scss
@@ -1,3 +1,10 @@
+.navbar-brand > img {
+    @media (max-width: $screen-xs-max) {
+        height: 60px;
+        margin-top: -14px;
+    }
+}
+
 main.main {
     p, li {
         color: $gray;
@@ -363,12 +370,18 @@ main.main {
     // getting started page
     .videos {
         h2 {
-            background-image: url(../images/heading-upcoming_events.jpg);
+            background-image: url(../images/heading-featured.png);
+            span {
+                background-image: url(../images/heading-videos-icon.png);
+            }
         }
     }
     .presentations {
         h2 {
-            background-image: url(../images/heading-upcoming_events.jpg);
+            background-image: url(../images/heading-featured.png);
+            span {
+                background-image: url(../images/heading-presentations-icon.png);
+            }
         }
     }
     .tutorials {
diff --git a/public/getting-started.html b/public/getting-started.html
index a10d96a0..070d9f1f 100644
--- a/public/getting-started.html
+++ b/public/getting-started.html
@@ -106,7 +106,7 @@
       <div class="container">
         <div class="row tutorials">
           <div class="col-md-12">
-            <h1 class="purple">Tutorial</h1>
+            <h1 class="purple">Connected Greenhouse Tutorial</h1>
             <p>If you are a Java developer we have a great <a href="/java/tutorial">tutorial</a> for you to get started with Eclipse IoT technology and help you implement an end-to-end solution that will help you connect a greenhouse and associated sensors to the Internet of Things.</p>
           </div>
 <!--           <div class="col-md-4">
@@ -124,7 +124,7 @@
         <div class="row">
           <div class="col-md-6">
             <section class="subsection-header videos">
-              <h2 id="videos">Videos</h2>
+              <h2 id="videos">Videos <span></span></h2>
               <div class="grey-box">
                 <iframe width="100%" height="315" src="http://www.youtube.com/embed/videoseries?list=PL0D6A9FF9237853DF&amp;hl=fr_FR" frameborder="0" allowfullscreen></iframe>
               </div>
@@ -132,7 +132,7 @@
           </div>
           <div class="col-md-6">
             <section class="subsection-header presentations">
-              <h2 id="presentations">Presentations</h2>
+              <h2 id="presentations">Presentations<span></span></h2>
               <a href="http://slideshare.net/kartben/endtoend-iot-solutions-with-java-and-the-eclipse-iot-stack-39711940" class="embed"></a>
             </section>
           </div>
diff --git a/public/index.html b/public/index.html
index 142aee27..85998500 100644
--- a/public/index.html
+++ b/public/index.html
@@ -476,8 +476,8 @@
 
               <div class="col-md-4 col-xs-6" style="padding:20px 60px; display:none;">
                 <div style="height: 120px; display:table-cell; vertical-align:middle;">
-                  <a href="http://eclipse.org/membership/showMember.php?member_id=1152" target="_blank">
-                    <img src="/assets/images/members/logo-gadgetkeeper.png" class="img-responsive" style="max-height:110px">
+                  <a href="http://eclipse.org/membership/showMember.php?member_id=656" target="_blank">
+                    <img src="/assets/images/members/logo-ibm.png" class="img-responsive" style="max-height:110px">
                   </a>
                 </div>
               </div>
@@ -486,8 +486,8 @@
 
               <div class="col-md-4 col-xs-6" style="padding:20px 60px; display:none;">
                 <div style="height: 120px; display:table-cell; vertical-align:middle;">
-                  <a href="http://eclipse.org/membership/showMember.php?member_id=1084" target="_blank">
-                    <img src="/assets/images/members/logo-ibh.png" class="img-responsive" style="max-height:110px">
+                  <a href="http://eclipse.org/membership/showMember.php?member_id=1152" target="_blank">
+                    <img src="/assets/images/members/logo-gadgetkeeper.png" class="img-responsive" style="max-height:110px">
                   </a>
                 </div>
               </div>
@@ -496,8 +496,8 @@
 
               <div class="col-md-4 col-xs-6" style="padding:20px 60px; display:none;">
                 <div style="height: 120px; display:table-cell; vertical-align:middle;">
-                  <a href="http://eclipse.org/membership/showMember.php?member_id=656" target="_blank">
-                    <img src="/assets/images/members/logo-ibm.png" class="img-responsive" style="max-height:110px">
+                  <a href="http://eclipse.org/membership/showMember.php?member_id=1084" target="_blank">
+                    <img src="/assets/images/members/logo-ibh.png" class="img-responsive" style="max-height:110px">
                   </a>
                 </div>
               </div>
@@ -526,8 +526,8 @@
 
               <div class="col-md-4 col-xs-6" style="padding:20px 60px; display:none;">
                 <div style="height: 120px; display:table-cell; vertical-align:middle;">
-                  <a href="http://eclipse.org/membership/showMember.php?member_id=817" target="_blank">
-                    <img src="/assets/images/members/logo-itemis.png" class="img-responsive" style="max-height:110px">
+                  <a href="http://eclipse.org/membership/showMember.php?member_id=1108" target="_blank">
+                    <img src="/assets/images/members/logo-laas.png" class="img-responsive" style="max-height:110px">
                   </a>
                 </div>
               </div>
@@ -536,8 +536,8 @@
 
               <div class="col-md-4 col-xs-6" style="padding:20px 60px; display:none;">
                 <div style="height: 120px; display:table-cell; vertical-align:middle;">
-                  <a href="http://eclipse.org/membership/showMember.php?member_id=1108" target="_blank">
-                    <img src="/assets/images/members/logo-laas.png" class="img-responsive" style="max-height:110px">
+                  <a href="http://eclipse.org/membership/showMember.php?member_id=817" target="_blank">
+                    <img src="/assets/images/members/logo-itemis.png" class="img-responsive" style="max-height:110px">
                   </a>
                 </div>
               </div>
diff --git a/public/index.xml b/public/index.xml
index 90d77c0d..1f4036e7 100644
--- a/public/index.xml
+++ b/public/index.xml
@@ -165,17 +165,12 @@ Solair enables companies to collect data from their Things and feed it into busi
     </item>
     
     <item>
-      <title>GadgetKeeper</title>
-      <link>http://iot.eclipse.org/member/gadgetkeeper/</link>
+      <title>IBM</title>
+      <link>http://iot.eclipse.org/member/ibm/</link>
       <pubDate>Sun, 08 Mar 2015 15:31:18 -0700</pubDate>
       
-      <guid>http://iot.eclipse.org/member/gadgetkeeper/</guid>
-      <description>&lt;p&gt;GadgetKeeper is an Internet Of Things platform allowing the rapid creation if IoT solutions to connect your sensors, devices, equipment (&amp;ldquo;Things&amp;rdquo;) with people and systems.&lt;/p&gt;
-
-&lt;p&gt;GadgetKeeper&amp;rsquo;s technology eliminates complexity by simplifying and standardizing the way information is managed and exchanged so that physical and virtual assets and services can work together as one integrated system.&lt;/p&gt;
-
-&lt;p&gt;GadgetKeeper provides you with foundational IoT building blocks (compete object model for things/services, templates and versioning, reach data types, programmable business logic) and services (data storage, time series, multiple communication protocols, integration with external services, life-cycle management and elastic scalability) allowing you to focus on product innovation rather than on enabling infrastructure.&lt;/p&gt;
-</description>
+      <guid>http://iot.eclipse.org/member/ibm/</guid>
+      <description></description>
     </item>
     
   </channel>
diff --git a/public/sitemap.xml b/public/sitemap.xml
index aee629fb..5c92b486 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -77,17 +77,17 @@
   </url>
   
   <url>
-    <loc>http://iot.eclipse.org/member/gadgetkeeper/</loc>
+    <loc>http://iot.eclipse.org/member/ibm/</loc>
     <lastmod>2015-03-08T15:31:18-07:00</lastmod>
   </url>
   
   <url>
-    <loc>http://iot.eclipse.org/member/ibh/</loc>
+    <loc>http://iot.eclipse.org/member/gadgetkeeper/</loc>
     <lastmod>2015-03-08T15:31:18-07:00</lastmod>
   </url>
   
   <url>
-    <loc>http://iot.eclipse.org/member/ibm/</loc>
+    <loc>http://iot.eclipse.org/member/ibh/</loc>
     <lastmod>2015-03-08T15:31:18-07:00</lastmod>
   </url>
   
@@ -102,12 +102,12 @@
   </url>
   
   <url>
-    <loc>http://iot.eclipse.org/member/itemis/</loc>
+    <loc>http://iot.eclipse.org/member/laas/</loc>
     <lastmod>2015-03-08T15:31:19-07:00</lastmod>
   </url>
   
   <url>
-    <loc>http://iot.eclipse.org/member/laas/</loc>
+    <loc>http://iot.eclipse.org/member/itemis/</loc>
     <lastmod>2015-03-08T15:31:19-07:00</lastmod>
   </url>
   
diff --git a/public/working-group/index.html b/public/working-group/index.html
index 9dc7eda7..1c024e90 100644
--- a/public/working-group/index.html
+++ b/public/working-group/index.html
@@ -155,7 +155,7 @@
               </div>
             </div>
           </div>
-                        
+                    
           <div class="row members-info" id="member-ibm">
             <div class="col-md-2 col-md-offset-1 mb-logo">
               <a href="http://eclipse.org/membership/showMember.php?member_id=656">
@@ -172,7 +172,7 @@
               </div>
             </div>
           </div>
-                
+                    
           <div class="row members-info" id="member-eurotech">
             <div class="col-md-2 col-md-offset-1 mb-logo">
               <a href="http://eclipse.org/membership/showMember.php?member_id=968">
@@ -263,15 +263,15 @@
             </div>
           </div>
             
-          <div class="row members-info" id="member-itemis">
+          <div class="row members-info" id="member-laas">
             <div class="col-md-2 col-md-offset-1 mb-logo">
-              <a href="http://eclipse.org/membership/showMember.php?member_id=817">
-                <img src="/assets/images/members/logo-itemis.png" alt="itemis" class="img-responsive" />
+              <a href="http://eclipse.org/membership/showMember.php?member_id=1108">
+                <img src="/assets/images/members/logo-laas.png" alt="LAAS-CNRS" class="img-responsive" />
               </a>
             </div>
             <div class="col-md-8 col-md-offset-1 mb-info">
               <div class="mb-info-container">
-                <h2>itemis </h2> 
+                <h2>LAAS-CNRS </h2> 
               </div>
               <div>
               
@@ -280,15 +280,15 @@
             </div>
           </div>
             
-          <div class="row members-info" id="member-laas">
+          <div class="row members-info" id="member-itemis">
             <div class="col-md-2 col-md-offset-1 mb-logo">
-              <a href="http://eclipse.org/membership/showMember.php?member_id=1108">
-                <img src="/assets/images/members/logo-laas.png" alt="LAAS-CNRS" class="img-responsive" />
+              <a href="http://eclipse.org/membership/showMember.php?member_id=817">
+                <img src="/assets/images/members/logo-itemis.png" alt="itemis" class="img-responsive" />
               </a>
             </div>
             <div class="col-md-8 col-md-offset-1 mb-info">
               <div class="mb-info-container">
-                <h2>LAAS-CNRS </h2> 
+                <h2>itemis </h2> 
               </div>
               <div>
               
@@ -296,7 +296,7 @@
               </div>
             </div>
           </div>
-            
+              
           <div class="row members-info" id="member-gadgetkeeper">
             <div class="col-md-2 col-md-offset-1 mb-logo">
               <a href="http://eclipse.org/membership/showMember.php?member_id=1152">
@@ -346,7 +346,7 @@
               </div>
             </div>
           </div>
-              
+            
           <div class="row members-info" id="member-is2t">
             <div class="col-md-2 col-md-offset-1 mb-logo">
               <a href="http://eclipse.org/membership/showMember.php?member_id=1140">
diff --git a/static/assets/css/bootstrap.css b/static/assets/css/bootstrap.css
index c7d4192b..9a9964b5 100644
--- a/static/assets/css/bootstrap.css
+++ b/static/assets/css/bootstrap.css
@@ -4234,6 +4234,11 @@ header {
     text-align: center;
     margin-bottom: -75px; }
 
+@media (max-width: 767px) {
+  .navbar-brand > img {
+    height: 60px;
+    margin-top: -14px; } }
+
 main.main {
   /* Item box: Layout item */
   /* Project list: projects.html */ }
@@ -4496,9 +4501,13 @@ main.main {
         top: -20px;
         position: absolute; }
   main.main .videos h2 {
-    background-image: url(../images/heading-upcoming_events.jpg); }
+    background-image: url(../images/heading-featured.png); }
+    main.main .videos h2 span {
+      background-image: url(../images/heading-videos-icon.png); }
   main.main .presentations h2 {
-    background-image: url(../images/heading-upcoming_events.jpg); }
+    background-image: url(../images/heading-featured.png); }
+    main.main .presentations h2 span {
+      background-image: url(../images/heading-presentations-icon.png); }
   main.main .tutorials .featured-tutorial-item {
     background-image: url(../images/open-iot-bg.jpg);
     background-size: cover;
diff --git a/static/assets/images/heading-presentations-icon.png b/static/assets/images/heading-presentations-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..07ef94442f1b64b5291dd4292de1bcc38727e114
GIT binary patch
literal 681
zcmeAS@N?(olHy`uVBq!ia0vp^!9eW8!3HD+jk^7Slw^r(L`iUdT1k0gQ7VIDN`6wR
zf@f}GdTLN=VoGJ<$y6H#1}1M$7srr_TW@B2drJpOwE6Fux-7OMcDGLJqeDyY{!rgl
z`uJGr$M`SqC6CYT(#nmMT4j2#D|}Bt$d-iFx=K?Uq&9TDtUe(w;be5tsMGl6=R?kF
zJnHH;KaJ9b_D$9j;p%glEGD8LJoALg2^TdZPNRvPJ}E*eO2RW)W}fizxRvy+POd9(
zqVW8qO%?+6lN5}vKB&JX-*H;%x%tuH>UXMnouQL=D}6g+YBaZ6cV72)CG9@#6ER}8
zp~tFs#{0f&i4fj>R%`R+eT%LdDY3o%F+KD)yP>LIp5kVk^stqilkOdR*X?9{;*OYi
zQjAa6{nY38I~H<1-qTZeG3)BJ&;6h0vp=cZcwGLGS|@kF_6jvNpC#+}^go(=qP^#J
zSH{2Ni>_Cs7O%U_K4<Hxzj5nN^+qk*zijE-ADtDMe?;ax9lM(C`0@SIRzn@VBW=1V
zlE2wZ->wbZ`&mPw{KUG8cec1su-V`6!?M$-$tOi=GAImO)Ew1}CVEZ)h5<wX94Hez
znNpOD(>&e(HvNxYAGlI`-4z|_?3uESj}yEf9<r@n5jXFBRkVolx*I_+s-Fm740<8$
zeRx*v>Zc})ex9BkyZ3<e^b2X%?Zof3-IcTWmV4v!qrKYO5`Sl9?tNUd)a;Gr;qZIg
z-A=CFekP{(v%6aUnb3O*0oqG>nc||3t*f^#+^Jw*wcWLy`~KzNeWg!NiEdxFCPGwy
zw?uwy=9jFv?BbAaT?yl`ouB)BL+@-6hDIGME@56PJQvT%#&EoR+Ku=P-_8Ql9)qW=
KpUXO@geCwRNj5nE

literal 0
HcmV?d00001

diff --git a/static/assets/images/heading-videos-icon.png b/static/assets/images/heading-videos-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..861c86bcb24875bbc5a0bdf6b7b62ee64a537aab
GIT binary patch
literal 631
zcmeAS@N?(olHy`uVBq!ia0vp^!9eW8!3HD+jk^7Slw^r(L`iUdT1k0gQ7VIDN`6wR
zf@f}GdTLN=VoGJ<$y6H#1|~^Q7srr_TW@ChY99#{Ire|?O@r(wrH-?<@;iLmwlPpl
z>CJ|Xn*+?ex_&U63X05_;;%48qcSpL)y=ayQ&>%vdyW;)-n?OB!nvN}FE(Fq-`n|l
zcJ;g4cOo`M^hnIT62O=mq?T$l#dGGAlL2bj*){VkT5sjDZ(bl?(ip{j|10aAX5kIY
zMz`bzRv(DpJ2`>dL|V?p@rlxn?K;IwZ(7S_LsA{<eoS$lx%L6u73*2g<Q&XTL`63|
zo7>5gIiYTL^x5BY^bRqLrIu-JojiH!_NbQ|G>jKsIVbyqF+6nA%ncgB*{a;t_p>$k
zU)Aclw8(Yltx7g+Bk}nkEmltUHqc4>JY{9E2#=~g$2rYlb@2uAI?d{*bnMqB#4ec^
zw9N0&#ZnHPMt7jd`-EUUoljFD>)Z~ot@!=A?})57&vdQqz?VX|j!c~&J~KJ!p6oQM
zr)$p~o_f>FVuRYH+b3kE?le5<`}_T6wz7i@Qzy!$^ff0Nyj@tLGwr8z#-vH}KAJ3y
zo^n%jv7w}8_cEWgd*c=dtX=Uo(DeD4IhSp-&n-H$C3t3Lw^9F`Qz5UnKkM%Mu<b>d
zpJrUrH&^!;7npt&C~Z>sdp1hv^MomHc#V&_w*B*U?dspQ<@BHIr~@$}zh+N+Z#?sV
zx!H1`Qz;sgjWj1O^f|Qzh?qbmvPeqZJby+u21ApC*<YG|=K@m_gQu&X%Q~loCII1R
B9t!{f

literal 0
HcmV?d00001

diff --git a/static/assets/stylesheets/theme/_main.scss b/static/assets/stylesheets/theme/_main.scss
index 9d194f31..ea503f69 100644
--- a/static/assets/stylesheets/theme/_main.scss
+++ b/static/assets/stylesheets/theme/_main.scss
@@ -1,3 +1,10 @@
+.navbar-brand > img {
+    @media (max-width: $screen-xs-max) {
+        height: 60px;
+        margin-top: -14px;
+    }
+}
+
 main.main {
     p, li {
         color: $gray;
@@ -363,12 +370,18 @@ main.main {
     // getting started page
     .videos {
         h2 {
-            background-image: url(../images/heading-upcoming_events.jpg);
+            background-image: url(../images/heading-featured.png);
+            span {
+                background-image: url(../images/heading-videos-icon.png);
+            }
         }
     }
     .presentations {
         h2 {
-            background-image: url(../images/heading-upcoming_events.jpg);
+            background-image: url(../images/heading-featured.png);
+            span {
+                background-image: url(../images/heading-presentations-icon.png);
+            }
         }
     }
     .tutorials {
diff --git a/static/getting-started.html b/static/getting-started.html
index a10d96a0..070d9f1f 100644
--- a/static/getting-started.html
+++ b/static/getting-started.html
@@ -106,7 +106,7 @@
       <div class="container">
         <div class="row tutorials">
           <div class="col-md-12">
-            <h1 class="purple">Tutorial</h1>
+            <h1 class="purple">Connected Greenhouse Tutorial</h1>
             <p>If you are a Java developer we have a great <a href="/java/tutorial">tutorial</a> for you to get started with Eclipse IoT technology and help you implement an end-to-end solution that will help you connect a greenhouse and associated sensors to the Internet of Things.</p>
           </div>
 <!--           <div class="col-md-4">
@@ -124,7 +124,7 @@
         <div class="row">
           <div class="col-md-6">
             <section class="subsection-header videos">
-              <h2 id="videos">Videos</h2>
+              <h2 id="videos">Videos <span></span></h2>
               <div class="grey-box">
                 <iframe width="100%" height="315" src="http://www.youtube.com/embed/videoseries?list=PL0D6A9FF9237853DF&amp;hl=fr_FR" frameborder="0" allowfullscreen></iframe>
               </div>
@@ -132,7 +132,7 @@
           </div>
           <div class="col-md-6">
             <section class="subsection-header presentations">
-              <h2 id="presentations">Presentations</h2>
+              <h2 id="presentations">Presentations<span></span></h2>
               <a href="http://slideshare.net/kartben/endtoend-iot-solutions-with-java-and-the-eclipse-iot-stack-39711940" class="embed"></a>
             </section>
           </div>
-- 
GitLab