Author: jbertram
Date: Fri Mar 1 17:20:59 2019
New Revision: 1041099
Log:
Content proposal
Modified:
websites/production/activemq/content/activemq-website/index.html
Modified: websites/production/activemq/content/activemq-website/index.html
==============================================================================
--- websites/production/activemq/content/activemq-website/index.html (original)
+++ websites/production/activemq/content/activemq-website/index.html Fri Mar 1
17:20:59 2019
@@ -29,15 +29,15 @@
<a class="nav-link active"
href="/activemq-website/index.html">Home</a>
</li>
<li class="nav-item dropdown">
- <a class="nav-link" id="navbarDropdownProjects"
data-target="#" href="http://example.com"; data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">Projects</a>
+ <a class="nav-link" id="navbarDropdownProjects"
data-target="#" href="" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">Projects</a>
<ul class="dropdown-menu dropdown-menu-center"
aria-labelledby="navbarDropdownProjects">
<div class="row">
<div class="col-12">
<ul class="multi-column-dropdown">
<h6 class="dropdown-header">Projects</h6>
<div class="dropdown-divider"></div>
- <li class="nav-item"><a
class="dropdown-item" href="/activemq-website/projects/artemis/">ActiveMQ
Artemis</a></li>
<li class="nav-item"><a
class="dropdown-item" href="/activemq-website/projects/classic">ActiveMQ
5</a></li>
+ <li class="nav-item"><a
class="dropdown-item" href="/activemq-website/projects/artemis/">ActiveMQ
Artemis</a></li>
<li class="nav-item"><a
class="dropdown-item" href="/activemq-website/projects/nms">NMS Clients</a></li>
<li class="nav-item"><a
class="dropdown-item" href="/activemq-website/projects/cms">CMS Client</a></li>
</ul>
@@ -46,8 +46,7 @@
</ul>
</li>
<li class="nav-item dropdown">
- <!--<a href="#" class="dropdown-toggle nav-link"
data-toggle="dropdown">Two Column <b class="caret"></b></a>-->
- <a class="nav-link" id="navbarDropdownCommunity"
data-target="#" href="http://example.com"; data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">Contact</a>
+ <a class="nav-link" id="navbarDropdownCommunity"
data-target="#" href="" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">Contact</a>
<ul class="dropdown-menu dropdown-menu-center multi-column
columns-1" aria-labelledby="navbarDropdownCommunity">
<div class="row">
<div class="col-12">
@@ -58,24 +57,21 @@
<li class="nav-item"><a
class="dropdown-item" href="/activemq-website/contact/contact#irc">IRC</a></li>
<li class="nav-item"><a
class="dropdown-item" href="/activemq-website/contact/contact#issues">Report
Issues</a></li>
<li class="nav-item"><a
class="dropdown-item"
href="/activemq-website/contact/contact#contributing">Contributing</a></li>
- <li class="nav-item"><a
class="dropdown-item" href="/activemq-website/contact/contact#social">Social
Media</a></li>
</ul>
</div>
</div>
</ul>
</li>
<li class="nav-item dropdown">
- <!--<a href="#" class="dropdown-toggle nav-link"
data-toggle="dropdown">Two Column <b class="caret"></b></a>-->
- <a class="nav-link" id="navbarDropdownTeam"
data-target="#" href="http://example.com"; data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">Team</a>
+ <a class="nav-link" id="navbarDropdownTeam"
data-target="#" href="" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">Team</a>
<ul class="dropdown-menu dropdown-menu-center multi-column
columns-1" aria-labelledby="navbarDropdownTeam">
<div class="row">
<div class="col-sm-12">
<ul class="multi-column-dropdown">
<h6 class="dropdown-header">Team</h6>
<div class="dropdown-divider"></div>
- <li class="nav-item"><a
class="dropdown-item"
href="/activemq-website/team/team#committers">Committers</a></li>
- <li class="nav-item"><a
class="dropdown-item" href="/activemq-website/team/team#pmc">PMC</a></li>
- <li class="nav-item"><a
class="dropdown-item"
href="/activemq-website/team/team#reports">Reports</a></li>
+ <li class="nav-item"><a
class="dropdown-item" href="/activemq-website/team/team">PMC &
Committers</a></li>
+ <li class="nav-item"><a
class="dropdown-item" href="/activemq-website/team/reports">Board
Reports</a></li>
</ul>
</div>
</div>
@@ -90,119 +86,109 @@
<div class="content">
<div class="row">
-<div class="col-12 slider slider-main slider-lg parent d-none d-lg-block">
-<div class="row child" style="width: 100%">
- <div class="col-2 align-middle"></div>
- <div class="col-6 slider-text align-middle">
- <div class="child">
- EXAMPLE STRAP LINE: <p>A SUITE OF OPEN SOURCE PROJECTS FOR HIGH
PERFORMANCE MESSAGING</p>
+ <div class="col-12 slider slider-main slider-sm parent d-none d-lg-block">
+ <div class="row child" style="width: 100%">
+ <div class="col-4 align-middle"></div>
+ <div class="col-4 slider-text align-middle">
+ <div class="child">
+ Flexible & Powerful Open Source<br/> Multi-Protocol Messaging
Broker
+ </div>
</div>
- </div>
- <div class="col-4 align-middle" >
- <img src="/activemq-website/assets/img/main-logo.png" style="height:
250px"/>
- </div>
-</div>
-</div>
-<div class="col-12 slider d-md-none d-lg-none d-xl-none d-inline-block">
-<div class="row" style="padding: 80px 10px 80px 10px";>
- <div class="col-8 slider-text-small align-middle">
- <div class="child">
- EXAMPLE STRAP LINE: <p>A SUITE OF OPEN SOURCE PROJECTS FOR HIGH
PERFORMANCE MESSAGING</p>
+ <div class="col-4 align-middle" >
+ <img src="/activemq-website/assets/img/main-logo.png" style="height:
250px"/>
</div>
+ </div>
</div>
- <div class="col-4 align-middle">
- <img src="/activemq-website/assets/img/main-logo.png" style="height:
120px; float: right"/>
- </div>
-</div>
-</div>
</div>
<div class="container">
-<!-- Narative -->
-<div class="row d-none d-lg-block">
-<div class="col-sm-12 narative">
- <div class="card">
- <div class="card-body narative">
- <span>Narative: "Lorem ipsum dolor sit amet, consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam,"</span>
- </div>
- </div>
-</div>
-</div>
-<!-- Projects -->
-<div class="row">
-<div class="col-lg-3 col-md-6">
- <div class="card card-purple">
- <div class="card-body">
- <h5 class="card-title text-purple">ActiveMQ Artemis</h5>
- <h6>BROKER + JMS CLIENT</h6>
- <p>Short description of ActiveMQ Artemis</p>
- <ul>
- <li>Feature 1</li>
- <li>Feature 2</li>
- <li>Feature 3</li>
- <li>Feature 4</li>
- </ul>
- <a style="margin-top: 10px" href="/activemq-website/projects/artemis"
class="btn btn-warning">Find out more<i class="fa-info-circle fa
btn-icon"></i></a>
- <button style="margin-top: 10px" href="#" class="btn
btn-warning">Download Latest<i class="fa-download fa btn-icon"></i></button>
+ <!-- Narative -->
+ <div class="row d-none d-lg-block">
+ <div class="col-sm-12 narative">
+ <div class="card">
+ <div class="card-body narative">
+ <span>
+ <p>Apache ActiveMQ™ is the most popular open-source,
Java-based message broker. It supports industry standard protocols so users get
the benefits of client choices across a broad range of langues and platforms.
Connectivity from C, C++, Python, .Net, and more is available. Integrate your
multi-platform applications using the ubiquitous <strong>AMQP</strong>
protocol. Exchange messages between your web applications using
<strong>STOMP</strong> over websockets. Manage your IoT devices using
<strong>MQTT</strong>. Support your existing <strong>JMS</strong>
infrastructure and beyond. ActiveMQ offers the power and flexibility to support
any messaging use-case.</p>
+ <p>There are currently two "flavors" of ActiveMQ available - the
"classic" 5.x broker and the "next generation" Artemis broker. Once Artemis
reaches a sufficient level of feature parity with the 5.x code-base it will
become ActiveMQ 6. Initial <a
href="/activemq-website/projects/artemis/migration">migration documentation</a>
is available.</p>
+ </span>
+ </div>
+ </div>
</div>
</div>
-</div>
-<div class="col-lg-3 col-md-6">
- <div class="card card-pink">
- <div class="card-body">
- <h5 class="card-title text-pink">ActiveMQ 5</h5>
- <h6>BROKER + JMS CLIENT</h6>
- <p>Short description of ActiveMQ 5</p>
- <ul>
- <li>Feature 1</li>
- <li>Feature 2</li>
- <li>Feature 3</li>
- <li>Feature 4</li>
- </ul>
- <a style="margin-top: 10px" href="/activemq-website/projects/classic"
class="btn btn-secondary">Find out more<i class="fa-info-circle fa
btn-icon"></i></a>
- <button style="margin-top: 10px" href="#" class="btn
btn-secondary">Download Latest<i class="fa-download fa btn-icon"></i></button>
+ <!-- Projects -->
+ <div class="row align-middle">
+ <div class="col-lg-6 col-md-auto">
+ <div class="card card-pink">
+ <div class="card-body">
+ <h4 class="card-title text-pink">ActiveMQ 5 "Classic"</h4>
+ <p>Long established, endlessly pluggable architecture serving many
generations of applications.</p>
+ <ul>
+ <li>JMS 1.1 with full client implementation including JNDI</li>
+ <li>High availability using shared storage</li>
+ <li>Familiar JMS-based addressing model</li>
+ <li>"Network of brokers" for distributing load</li>
+ <li>KahaDB & JDBC options for persistence</li>
+ </ul>
+ <a style="margin-top: 10px"
href="/activemq-website/projects/classic" class="btn btn-secondary">Find out
more<i class="fa-info-circle fa btn-icon"></i></a>
+ <a style="margin-top: 10px"
href="/activemq-website/projects/classic/download" class="btn
btn-secondary">Download Latest<i class="fa-download fa btn-icon"></i></a>
+ </div>
+ </div>
</div>
- </div>
-</div>
-<div class="col-lg-3 col-md-6">
- <div class="card card-orange">
- <div class="card-body">
- <h5 class="card-title text-orange">NMS</h5>
- <h6>.NET CLIENTS</h6>
- <p>Short description of NMS Clients</p>
- <ul>
- <li>Feature 1</li>
- <li>Feature 2</li>
- <li>Feature 3</li>
- <li>Feature 4</li>
- </ul>
- <a style="margin-top: 10px" href="/activemq-website/projects/nms"
class="btn btn-success">Find out more<i class="fa-info-circle fa
btn-icon"></i></a>
- <button style="margin-top: 10px" href="#" class="btn
btn-success">Download Latest<i class="fa-download fa btn-icon"></i></button>
+ <div class="col-lg-6 col-md-auto">
+ <div class="card card-purple">
+ <div class="card-body">
+ <h4 class="card-title text-purple">ActiveMQ Artemis</h4>
+ <p>High-performance, non-blocking architecture for the next
generation of event-driven messaging applications.</p>
+ <ul>
+ <li>JMS 1.1 & 2.0 with full client implementation including
JNDI</li>
+ <li>High availability using shared storage or network
replication</li>
+ <li>Simple & powerful protocol agnostic addressing model</li>
+ <li>Flexible clustering for distributing load</li>
+ <li>Advanced journal implementations for low-latency persistence
as well as JDBC</li>
+ <li>High feature parity with ActiveMQ 5 to ease migration</li>
+ </ul>
+ <a style="margin-top: 10px"
href="/activemq-website/projects/artemis" class="btn btn-warning">Find out
more<i class="fa-info-circle fa btn-icon"></i></a>
+ <a style="margin-top: 10px"
href="/activemq-website/projects/artemis/download" class="btn
btn-warning">Download Latest<i class="fa-download fa btn-icon"></i></a>
+ </div>
+ </div>
</div>
- </div>
-</div>
-<div class="col-lg-3 col-md-6">
- <div class="card card-blue">
- <div class="card-body">
- <h5 class="card-title text-blue">CMS</h5>
- <h6>C++ CLIENT</h6>
- <p>Short description of CMS Client</p>
- <ul>
- <li>Feature 1</li>
- <li>Feature 2</li>
- <li>Feature 3</li>
- <li>Feature 4</li>
- </ul>
- <a style="margin-top: 10px" href="/activemq-website/projects/cms"
class="btn btn-info">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
- <button style="margin-top: 10px" href="#" class="btn btn-info">Download
Latest<i class="fa-download fa btn-icon"></i></button>
+ <!--div class="col-lg-3 col-md-6">
+ <div class="card card-orange">
+ <div class="card-body">
+ <h5 class="card-title text-orange">NMS</h5>
+ <h6>.NET CLIENTS</h6>
+ <p>Short description of NMS Clients</p>
+ <ul>
+ <li>Feature 1</li>
+ <li>Feature 2</li>
+ <li>Feature 3</li>
+ <li>Feature 4</li>
+ </ul>
+ <a style="margin-top: 10px" href="/activemq-website/projects/nms"
class="btn btn-success">Find out more<i class="fa-info-circle fa
btn-icon"></i></a>
+ <a style="margin-top: 10px" href="#" class="btn
btn-success">Download Latest<i class="fa-download fa btn-icon"></i></a>
+ </div>
+ </div>
</div>
+ <div class="col-lg-3 col-md-6">
+ <div class="card card-blue">
+ <div class="card-body">
+ <h5 class="card-title text-blue">CMS</h5>
+ <h6>C++ CLIENT</h6>
+ <p>Short description of CMS Client</p>
+ <ul>
+ <li>Feature 1</li>
+ <li>Feature 2</li>
+ <li>Feature 3</li>
+ <li>Feature 4</li>
+ </ul>
+ <a style="margin-top: 10px" href="/activemq-website/projects/cms"
class="btn btn-info">Find out more<i class="fa-info-circle fa btn-icon"></i></a>
+ <a style="margin-top: 10px" href="#" class="btn btn-info">Download
Latest<i class="fa-download fa btn-icon"></i></a>
+ </div>
+ </div>
+ </div-->
</div>
</div>
-</div>
-
-</div>
-<!-- Features -->
<div class="row narative-alt">
<div class="col-12">
<div class="container">
@@ -212,7 +198,7 @@
<div class="card">
<div class="card-body narative-alt">
<div class="card-body narative-alt">
- <span>Narative: "Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam,"</span>
+ <span>Enjoy the benefits of open source by <a
href="contact/contact#contributing">contributing to the code-base</a>, asking a
question on our <a href="contact/contact#mailing">mailing list</a>, or <a
href="contact/contact#issues">reporting a bug or requesting a feature</a>. When
you particpate, we all win. That's the power of community. That's the power of
open source.</span>
</div>
</div>
</div>
@@ -222,6 +208,8 @@
</div>
</div>
+<!-- Features -->
+
<!-- Feature 1 -->
<div class="row features">
<div class="col-12">
@@ -230,24 +218,24 @@
<div class="col-sm-12 col-md-4">
<div style="padding: 10px;" class="card card-white">
<h5 style="margin-left: 10px" class="card-title card-title-purple
text-purple">
- Why choose ActiveMQ over other projects.
+ Protect your data & Balance your Load
</h5>
- <h6>
+ <!--h6>
Subtitle.
- </h6>
+ </h6-->
<div class="card-body">
<div class="row">
- <div class="col-sm-12 col-lg-12 feature-img">
+ <!--div class="col-sm-12 col-lg-12 feature-img">
<img
src="/activemq-website/assets/img/example-diagram.png"></img>
- </div>
+ </div-->
<div class="col-sm-12 col-lg-12 feature-narative">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>ActiveMQ provides many advanced features including
message load-balancing and high-availability for your data. Multiple connected
"master" brokers can dynamically respond to consumer demand by moving messages
between the nodes in the background. Brokers can also be paired together in a
master-slave configuration so that if a master fails then the slave takes over
ensuring clients can get to their important data and eliminating costly
downtime.</p>
</div>
- <div class="row">
+ <!--div class="row">
<div class="col-sm-12">
<button style="margin-top: 10px" href="#" class="btn
btn-warning">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
</div>
- </div>
+ </div-->
</div>
</div>
</div>
@@ -255,24 +243,24 @@
<div class="col-sm-12 col-md-4">
<div style="padding: 10px;" class="card card-white">
<h5 style="margin-left: 10px" class="card-title card-title-pink
text-pink">
- Why choose ActiveMQ over other projects?
+ Easy Enterprise Integration Patterns
</h5>
- <h6>
+ <!--h6>
Subtitle
- </h6>
+ </h6-->
<div class="card-body">
<div class="row">
- <div class="col-sm-12 col-lg-12 feature-img">
+ <!--div class="col-sm-12 col-lg-12 feature-img">
<img
src="/activemq-website/assets/img/example-diagram.png"></img>
- </div>
+ </div-->
<div class="col-sm-12 col-lg-12 feature-narative">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>Enterprise Integration Patterns describe the various ways
in which multiple applications generally interact and integrate with each
other. Aysnchronous messaging is at the heart of this integration, and ActiveMQ
makes it easy to leverage these patterns via Apache Camel routes deployed
directly on the broker.</p>
</div>
- <div class="row">
+ <!--div class="row">
<div class="col-sm-12">
<button style="margin-top: 10px" href="#" class="btn
btn-secondary">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
</div>
- </div>
+ </div-->
</div>
</div>
</div>
@@ -280,24 +268,24 @@
<div class="col-sm-12 col-md-4">
<div style="padding: 10px;" class="card card-white">
<h5 style="margin-left: 10px" class="card-title card-title-orange
text-orange">
- Why choose ActiveMQ over other projects?
+ Flexible Deployment
</h5>
- <h6>
+ <!--h6>
Subtitle.
- </h6>
+ </h6-->
<div class="card-body">
<div class="row">
- <div class="col-sm-12 col-lg-12 feature-img">
+ <!--div class="col-sm-12 col-lg-12 feature-img">
<img
src="/activemq-website/assets/img/example-diagram.png"></img>
- </div>
+ </div-->
<div class="col-sm-12 col-lg-12 feature-narative">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+ <p>ActiveMQ is most commonly deployed as a standalone
process. This option isolates ActiveMQ from any particular application and
provides maximum flexibility for resource allocation and management. However,
ActiveMQ can be configured to have a very small footprint which makes it viable
to <em>embed</em> it within your application. This option can provide an
application with simple, powerful messaging semantics and also allow easy
message exchange with other applications.</p>
</div>
- <div class="row">
+ <!--div class="row">
<div class="col-sm-12">
<button style="margin-top: 10px" href="#" class="btn
btn-danger">Find out more<i class="fa-info-circle fa btn-icon"></i></button>
</div>
- </div>
+ </div-->
</div>
</div>
</div>
@@ -307,7 +295,7 @@
</div>
</div>
-<div class="users row">
+<!--div class="users row">
<div class="col-sm-12">
<div class="container">
<div class="row">
@@ -355,7 +343,7 @@
</div>
</div>
</div>
-</div>
+</div-->
</div>
@@ -371,11 +359,11 @@
</div>
</div>
<div style="text-align: center; margin-bottom: 30px; margin-top:
30px;" class="col-sm-6">
- Apache ActiveMQ is an open source project licensed under Apache
License 2.0.
+ Apache ActiveMQ is an open source project<br/> licensed under <a
href="http://www.apache.org/licenses/LICENSE-2.0";>Apache License 2.0</a>.
</div>
<div class="col-sm-3">
<div >
- <img class="float-right" style="max-height: 80px"
src="/activemq-website/assets/img/apache-logo.png"/>
+ <img class="float-right" style="margin-top: 10px; max-height:
80px" src="/activemq-website/assets/img/apache-logo.png"/>
</div>
</div>
</div>
