activemq-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From martyntay...@apache.org
Subject [activemq-website] 10/45: Style fixes and button alignment
Date Tue, 06 Nov 2018 11:54:59 GMT
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 <mtaylor@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">


Mime
View raw message