You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@hop.apache.org by ha...@apache.org on 2020/10/27 07:42:47 UTC
[incubator-hop-website] branch master updated: added newsletter
form (#4)
This is an automated email from the ASF dual-hosted git repository.
hansva pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-hop-website.git
The following commit(s) were added to refs/heads/master by this push:
new 41226c1 added newsletter form (#4)
41226c1 is described below
commit 41226c1c124f069760c8682b8610bfef81d5578e
Author: Bart Maertens <ba...@know.bi>
AuthorDate: Tue Oct 27 08:42:42 2020 +0100
added newsletter form (#4)
* added newsletter subscription form
* added .DS_Store, tmp
---
.gitignore | 2 +
antora-ui-hop/src/css/mailchimp.css | 247 ++++++++++++++++++++++++++++++++++++
antora-ui-hop/src/css/site.css | 1 +
content/_index.adoc | 67 ++++++++--
static/img/mailbox.svg | 38 ++++++
5 files changed, 344 insertions(+), 11 deletions(-)
diff --git a/.gitignore b/.gitignore
index 60599a7..26b53d3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,9 +4,11 @@ node_modules
public
documentation
resources
+.DS_Store
.idea
*.iml
+*.tmp
.project
.classpath
.metadata
diff --git a/antora-ui-hop/src/css/mailchimp.css b/antora-ui-hop/src/css/mailchimp.css
new file mode 100644
index 0000000..85c5244
--- /dev/null
+++ b/antora-ui-hop/src/css/mailchimp.css
@@ -0,0 +1,247 @@
+#mc_embed_signup form {
+ display: block;
+ text-align: left;
+}
+
+#mc_embed_signup h2 {
+ font-weight: bold;
+ padding: 0;
+ margin: 15px 0;
+ font-size: 1.4em;
+}
+
+#mc_embed_signup input {
+ border: 1px solid #abb0b2;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+}
+
+#mc_embed_signup input[type=checkbox] {
+ -webkit-appearance: checkbox;
+}
+
+#mc_embed_signup input[type=radio] {
+ -webkit-appearance: radio;
+}
+
+#mc_embed_signup input:focus {
+ border-color: #333;
+}
+
+#mc_embed_signup .button {
+ clear: both;
+ background-color: #8e8e8e;
+ border: 0 none;
+ border-radius: 4px;
+ transition: all 0.23s ease-in-out 0s;
+ color: #fff;
+ cursor: pointer;
+ display: inline-block;
+ font-size: 15px;
+ font-weight: normal;
+ height: 32px;
+ line-height: 32px;
+ margin: 0 5px 10px 0;
+ padding: 0 22px;
+ text-align: center;
+ text-decoration: none;
+ vertical-align: top;
+ white-space: nowrap;
+ width: auto;
+}
+
+#mc_embed_signup .button:hover {
+ background-color: #777;
+}
+
+#mc_embed_signup .small-meta {
+ font-size: 11px;
+}
+
+#mc_embed_signup .nowrap {
+ white-space: nowrap;
+}
+
+#mc_embed_signup .mc-field-group {
+ clear: left;
+ position: relative;
+ width: 96%;
+ padding-bottom: 3%;
+ min-height: 50px;
+}
+
+#mc_embed_signup .size1of2 {
+ clear: none;
+ float: left;
+ display: inline-block;
+ width: 46%;
+ margin-right: 4%;
+}
+
+* html #mc_embed_signup .size1of2 {
+ margin-right: 2%;/* Fix for IE6 double margins. */
+}
+
+#mc_embed_signup .mc-field-group label {
+ display: block;
+ margin-bottom: 3px;
+}
+
+#mc_embed_signup .mc-field-group input {
+ display: block;
+ width: 100%;
+ padding: 8px 0;
+ text-indent: 2%;
+}
+
+#mc_embed_signup .mc-field-group select {
+ display: inline-block;
+ width: 99%;
+ padding: 5px 0;
+ margin-bottom: 2px;
+}
+
+#mc_embed_signup .datefield,
+#mc_embed_signup .phonefield-us {
+ padding: 5px 0;
+}
+
+#mc_embed_signup .datefield input,
+#mc_embed_signup .phonefield-us input {
+ display: inline;
+ width: 60px;
+ margin: 0 2px;
+ letter-spacing: 1px;
+ text-align: center;
+ padding: 5px 0 2px 0;
+}
+
+#mc_embed_signup .phonefield-us .phonearea input,
+#mc_embed_signup .phonefield-us .phonedetail1 input {
+ width: 40px;
+}
+
+#mc_embed_signup .datefield .monthfield input,
+#mc_embed_signup .datefield .dayfield input {
+ width: 30px;
+}
+
+#mc_embed_signup .datefield label,
+#mc_embed_signup .phonefield-us label {
+ display: none;
+}
+
+#mc_embed_signup .indicates-required {
+ text-align: right;
+ font-size: 11px;
+ margin-right: 4%;
+}
+
+#mc_embed_signup .asterisk {
+ color: #e85c41;
+ font-size: 150%;
+ font-weight: normal;
+ position: relative;
+ top: 5px;
+}
+
+#mc_embed_signup .clear {
+ clear: both;
+}
+
+#mc_embed_signup .mc-field-group.input-group ul {
+ margin: 0;
+ padding: 5px 0;
+ list-style: none;
+}
+
+#mc_embed_signup .mc-field-group.input-group ul li {
+ display: block;
+ padding: 3px 0;
+ margin: 0;
+}
+
+#mc_embed_signup .mc-field-group.input-group label {
+ display: inline;
+}
+
+#mc_embed_signup .mc-field-group.input-group input {
+ display: inline;
+ width: auto;
+ border: none;
+}
+
+#mc_embed_signup div#mce-responses {
+ float: left;
+ top: -1.4em;
+ padding: 0 0.5em 0 0.5em;
+ overflow: hidden;
+ width: 90%;
+ margin: 0 5%;
+ clear: both;
+}
+
+#mc_embed_signup div.response {
+ margin: 1em 0;
+ padding: 1em 0.5em 0.5em 0;
+ font-weight: bold;
+ float: left;
+ top: -1.5em;
+ z-index: 1;
+ width: 80%;
+}
+
+#mc_embed_signup #mce-error-response {
+ display: none;
+}
+
+#mc_embed_signup #mce-success-response {
+ color: #529214;
+ display: none;
+}
+
+#mc_embed_signup label.error {
+ display: block;
+ float: none;
+ width: auto;
+ margin-left: 1.05em;
+ text-align: left;
+ padding: 0.5em 0;
+}
+
+#mc-embedded-subscribe {
+ clear: both;
+ width: auto;
+ display: block;
+ margin: 1em 0 1em 5%;
+}
+
+#mc_embed_signup #num-subscribers {
+ font-size: 1.1em;
+}
+
+#mc_embed_signup #num-subscribers span {
+ padding: 0.5em;
+ border: 1px solid #ccc;
+ margin-right: 0.5em;
+ font-weight: bold;
+}
+
+#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
+ display: inline-block;
+ margin: 2px 0 1em 0;
+ padding: 5px 10px;
+ background-color: rgba(255, 255, 255, 0.85);
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ font-size: 14px;
+ font-weight: normal;
+ z-index: 1;
+ color: #e85c41;
+}
+
+#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
+ border: 2px solid #e85c41;
+}
diff --git a/antora-ui-hop/src/css/site.css b/antora-ui-hop/src/css/site.css
index e8208d0..5261964 100644
--- a/antora-ui-hop/src/css/site.css
+++ b/antora-ui-hop/src/css/site.css
@@ -27,3 +27,4 @@
@import 'sitemap.css';
@import "cookies-eu-banner.default.css";
@import "docsearch.css";
+@import "mailchimp.css";
diff --git a/content/_index.adoc b/content/_index.adoc
index 83be012..1365a92 100644
--- a/content/_index.adoc
+++ b/content/_index.adoc
@@ -49,13 +49,8 @@ Hop has built-in support to run pipelines locally and remotely in the native Hop
{{< /div >}}
-{{< div "icon" >}}
-
-{{< /div >}}
-
{{< /div >}}
-
{{< div "box right" >}}
{{< div "content" >}}
@@ -93,11 +88,7 @@ Visual development allows data developers and data engineers to keep focus on th
Managing, testing and deploying workflows and pipelines can be a daunting task.</br>
Developers and engineers can manage the entire project life cycle from the Hop Gui: switch between projects, environments, runtime configurations, manage git versions etc.
-<p><a class="button-dark" href="/components/latest/eips/enterprise-integration-patterns.html">Read more on LCM</a></p>
-
-{{< /div >}}
-
-{{< div "icon" >}}
+<!--p><a class="button-dark" href="/components/latest/eips/enterprise-integration-patterns.html">Read more on LCM</a></p-->
{{< /div >}}
@@ -108,7 +99,7 @@ Developers and engineers can manage the entire project life cycle from the Hop G
{{< section "frontpage columns apache" >}}
-# Apache & OpenSource
+# Apache & Open Source
{{< div "split" >}}
![20 years of Apache Software foundation](/img/apache-20.png)
@@ -130,4 +121,58 @@ We also love contributions: don't hesitate to [contribute](./community/contribut
{{< /section >}}
+{{< section "frontpage columns functionalities" >}}
+
+{{< div "box right" >}}
+
+{{< div "content" >}}
+
+## Subscribe to the Hop newsletter
+
+<div id="mc_embed_signup">
+ <form action="https://project-hop.us19.list-manage.com/subscribe/post?u=f85cf98c43d51747eaa845ff3&id=914ae361b3" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+ <div id="mc_embed_signup_scroll">
+ <div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
+ <div class="mc-field-group">
+ <label for="mce-EMAIL">Email Address <span class="asterisk">*</span></label>
+ <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
+ </div>
+ <div class="mc-field-group">
+ <label for="mce-FNAME">First Name </label>
+ <input type="text" value="" name="FNAME" class="" id="mce-FNAME">
+ </div>
+ <div class="mc-field-group">
+ <label for="mce-LNAME">Last Name </label>
+ <input type="text" value="" name="LNAME" class="" id="mce-LNAME">
+ </div>
+ <div id="mce-responses" class="clear">
+ <div class="response" id="mce-error-response" style="display:none"></div>
+ <div class="response" id="mce-success-response" style="display:none"></div>
+ </div>
+ <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+ <div style="position: absolute; left: -5000px;" aria-hidden="true">
+ <input type="text" name="b_f85cf98c43d51747eaa845ff3_914ae361b3" tabindex="-1" value="">
+ </div>
+ <div class="clear">
+ <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
+ </div>
+ </div>
+ </form>
+</div>
+
+<!--p><a class="button-dark" href="/components/latest/eips/enterprise-integration-patterns.html">Read more on Hop Gui</a></p-->
+
+{{< /div >}}
+
+{{< div "icon" >}}
+
+<img src="./img/mailbox.svg" alt="Subscribe to the Hop newsletter"/>
+
+{{< /div >}}
+
+{{< /div >}}
+
+
+{{< /section >}}
+
diff --git a/static/img/mailbox.svg b/static/img/mailbox.svg
new file mode 100644
index 0000000..f518940
--- /dev/null
+++ b/static/img/mailbox.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" version="1.1" width="512" height="512" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g>
+<g xmlns="http://www.w3.org/2000/svg">
+ <g>
+ <path d="M397,117h-77V90h45c24.813,0,45-20.187,45-45S389.813,0,365,0h-75v15v102c0,0-172.988,0-175,0C51.589,117,0,168.589,0,232 v175h181v105h170V407h161V232C512,168.589,460.411,117,397,117z M320,30h45c8.271,0,15,6.729,15,15s-6.729,15-15,15h-45V30z M305,268c8.271,0,15,6.729,15,15s-6.729,15-15,15s-15-6.729-15-15S296.729,268,305,268z M200,377H30V232 c0-46.869,38.131-85,85-85s85,38.131,85,85V377z M241,482h-30v-75h30V482z M321,482h-50v-75h50V482z M482,377H230V232 c0-33.64-14.52- [...]
+ </g>
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+<g xmlns="http://www.w3.org/2000/svg">
+</g>
+</g></svg>