This is an automated email from the ASF dual-hosted git repository.

martyntaylor pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/activemq-website.git

commit d761c2acccc70d718b6cf8d1392f6a9a021a313e
Author: Martyn Taylor <mtay...@redhat.com>
AuthorDate: Fri Jul 27 16:59:59 2018 +0100

    Style fixes and button alignment
---
 _includes/splash.html        | 45 ++++++++++++++++++++++----------------------
 css/main.scss                | 17 +++++++++++++++++
 index.html                   | 14 +++-----------
 projects/activemq/index.html |  4 +++-
 projects/artemis/index.html  |  2 ++
 projects/cms/index.html      |  2 ++
 projects/nms/index.html      |  3 +++
 7 files changed, 52 insertions(+), 35 deletions(-)

diff --git a/_includes/splash.html b/_includes/splash.html
index 9863669..62fa56b 100644
--- a/_includes/splash.html
+++ b/_includes/splash.html
@@ -1,34 +1,33 @@
 <div class="row">
-    <div class="col-sm-12 slider">
+    <div class="col-sm-12 slider slider-{{ page.project_class }}">
         <div class="container">
             <div class="row">
-                <div class="col-12 slider-text align-middle">
-                    <table class="slider slider-lg d-none d-md-block">
-                        <tbody class="slider-lg">
-                        <tr class="slider-lg">
-                            <td class="slider-lg align-middle">{{ 
page.project_info }}</td>
-                            <td class="slider-lg align-middle">
-                                <img class="float-right" 
src="/assets/img/main-logo.png"/>
-                            </td>
-                        </tr>
-                        </tbody>
-                    </table>
-                    <table class="slider d-md-none d-lg-none d-xl-none">
-                        <tbody align="center" class="slider d-inline-block">
+                <div class="col-12 slider-text align-middle ">
+                    <table class="d-none d-md-block">
+                      <tbody>
                         <tr>
-                            <td class="align-middle slider-sm logo-sm">Artemis 
is ActiveMQ's next generation message broker</td>
-                            <td class="slider-sm align-middle"><img 
class="float-right logo-sm" src="/assets/img/main-logo.png"/></td>
+                          <td class="slider-lg align-middle slider-{{ 
page.project_class }}">
+                            <div class="row">
+                              <div class="col-12">
+                                {{ page.project_info }}
+                              </div>
+                            </div>
+                            <div class="row">
+                              <div class="col-12">
+                                <button style="margin-top: 20px" href="#" 
class="btn btn-primary btn-lg btn-outline-light">DOWNLOAD v{{ 
page.latest_version }}<i class="fa-download fa btn-icon"></i></button>
+                                <button style="margin-top: 20px" href="#" 
class="btn btn-primary btn-lg btn-outline-light">GET STARTED<i 
class="fa-info-circle fa btn-icon"></i></button>
+                              </div>
+                            </div>
+                          </td>
+
+                          <td class="slider-lg align-middle">
+                              <img class="float-right" 
src="/assets/img/main-logo.png"/>
+                          </td>
                         </tr>
                         </tbody>
                     </table>
                 </div>
             </div>
-            <div class="row">
-                <div class="col-12 slider-text align-middle">
-                    <button style="margin-top: 10px" href="#" class="btn 
btn-primary btn-outline-light">Download<i class="fa-download fa 
btn-icon"></i></button>
-                    <button style="margin-top: 10px" href="#" class="btn 
btn-primary btn-outline-light">Get Started<i class="fa-info-circle fa 
btn-icon"></i></button>
-                </div>
-            </div>
         </div>
     </div>
 </div>
@@ -46,4 +45,4 @@
             </div>
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/css/main.scss b/css/main.scss
index 2d441c8..8c81832 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -328,3 +328,20 @@ h6 {
 .navbar {
   border-bottom: 1px solid black;
 }
+
+// Projects
+.slider-artemis {
+  background-color: $purple !important;
+}
+
+.slider-activemq5 {
+  background-color: $pink !important;
+}
+
+.slider-cms {
+  background-color: $blue !important;
+}
+
+.slider-nms {
+  background-color: $orange !important;
+}
diff --git a/index.html b/index.html
index 96eac6d..06abe77 100644
--- a/index.html
+++ b/index.html
@@ -6,9 +6,9 @@ layout: default
         <div class="container">
             <div class="row">
                 <div class="col-12 slider-text align-middle">
-                    <table class="slider slider-lg d-none d-md-block">
-                      <tbody class="slider-lg">
-                        <tr class="slider-lg">
+                    <table class="d-none d-md-block">
+                      <tbody>
+                        <tr>
                           <td class="slider-lg align-middle">A SUITE OF OPEN 
SOURCE PROJECTS FOR HIGH PERFORMANCE MESSAGING</td>
                           <td class="slider-lg align-middle">
                             <img class="float-right" 
src="assets/img/main-logo.png"/>
@@ -16,14 +16,6 @@ layout: default
                         </tr>
                       </tbody>
                     </table>
-                    <table class="slider d-md-none d-lg-none d-xl-none">
-                      <tbody align="center" class="slider d-inline-block">
-                        <tr>
-                          <td class="align-middle slider-sm logo-sm">A SUITE 
OF OPEN SOURCE PROJECTS FOR HIGH PERFORMANCE MESSAGING</td>
-                          <td class="slider-sm align-middle"><img 
class="float-right logo-sm" src="assets/img/main-logo.png"/></td>
-                        </tr>
-                      </tbody>
-                    </table>
                 </div>
             </div>
         </div>
diff --git a/projects/activemq/index.html b/projects/activemq/index.html
index 20a1e66..26f376c 100644
--- a/projects/activemq/index.html
+++ b/projects/activemq/index.html
@@ -1,8 +1,10 @@
 ---
 layout: project_default
-project_name: Classic
+project_name: ActiveMQ 5
 project_info: Apache ActiveMQ ™ is the most popular and powerful open source 
messaging and Integration Patterns server.
 project_top_narative: Apache ActiveMQ is fast, supports many Cross Language 
Clients and Protocols, comes with easy to use Enterprise Integration Patterns 
and many advanced features while fully supporting JMS 1.1 and J2EE 1.4. Apache 
ActiveMQ is released under the Apache 2.0 License
+project_class: activemq5
+latest_version: 5.15.4
 ---
 
 <div class="row project-narative">
diff --git a/projects/artemis/index.html b/projects/artemis/index.html
index ff5e64d..809b6c7 100644
--- a/projects/artemis/index.html
+++ b/projects/artemis/index.html
@@ -3,6 +3,8 @@ layout: project_default
 project_name: Artemis
 project_info: Artemis is ActiveMQ's next generation message broker built to be 
both scalable and performant
 project_top_narative: <span>Artemis is a scalable messaging broker with 
outstanding performance, see the independant article <a href="###">here</a>
+project_class: artemis
+latest_version: 2.6.0
 ---
 
 <div class="row project-narative">
diff --git a/projects/cms/index.html b/projects/cms/index.html
index 49049e0..b438781 100644
--- a/projects/cms/index.html
+++ b/projects/cms/index.html
@@ -3,6 +3,8 @@ layout: project_default
 project_name: CMS
 project_info: build C++ Applications that can talk to Brokers using a JMS 
style API
 project_top_narative: CMS (stands for C++ Messaging Service) is a JMS-like API 
for C++ for interfacing with Message Brokers such as Apache ActiveMQ. CMS helps 
to make your C++ client code much neater and easier to follow. To get a better 
feel for CMS try the API Reference. ActiveMQ-CPP is a client only library, a 
message broker such as Apache ActiveMQ is still needed for your clients to 
communicate.
+project_class: cms
+latest_version: 2.6.0
 ---
 
 <div class="row project-narative">
diff --git a/projects/nms/index.html b/projects/nms/index.html
index caac7b3..693ff59 100644
--- a/projects/nms/index.html
+++ b/projects/nms/index.html
@@ -3,6 +3,9 @@ layout: project_default
 project_name: NMS
 project_info: build .NET Applications that can talk to Brokers using a JMS 
style API
 project_top_narative: The NMS API This allows you to build .NET applications 
in C#, VB, or any other .NET language, using a single API to connect to 
multiple different providers using a JMS style API.
+project_class: nms
+latest_version: 2.6.0
+---
 ---
 
 <div class="row project-narative">

Reply via email to