mirror of https://github.com/bigchaindb/site.git
remove services page & form & CTA
This commit is contained in:
parent
f12d555608
commit
4eac11584f
GPG Key ID:
606EEEF3C479A91F
|
|
@ -15,9 +15,7 @@ email:
|
|||
contact_formspree: xgkblajx
|
||||
contact_cc: "contact@bigchaindb.com"
|
||||
cla: xwojnopx
|
||||
cla_cc: "troy@bigchaindb.com,upod-team@bigchaindb.com"
|
||||
services: mdgvledx
|
||||
services_cc: "contact@bigchaindb.com"
|
||||
cla_cc: "upod-team@bigchaindb.com"
|
||||
gdpr: gdpr@bigchaindb.com
|
||||
|
||||
social:
|
||||
|
|
|
|||
|
|
@ -157,14 +157,6 @@ var GoogleAnalytics = (function(w,d,$) {
|
|||
},
|
||||
gaEventClaError: function() {
|
||||
ga('send', 'event', 'cla', 'cla_form', 'error');
|
||||
},
|
||||
|
||||
// Services form
|
||||
gaEventServicesSuccess: function() {
|
||||
ga('send', 'event', 'services', 'services_form', 'success');
|
||||
},
|
||||
gaEventServicesError: function() {
|
||||
ga('send', 'event', 'services', 'services_form', 'error');
|
||||
}
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -1,66 +0,0 @@
|
|||
|
||||
var FormServices = (function(w, d, $) {
|
||||
|
||||
'use strict';
|
||||
|
||||
var app, _private, _config;
|
||||
|
||||
_config = {
|
||||
form: $('#form-services'),
|
||||
formBtn: $('#form-services').find('.btn'),
|
||||
formURL: $('#form-services').attr('action'),
|
||||
formMethod: $('#form-services').attr('method')
|
||||
};
|
||||
|
||||
_private = {
|
||||
formSubmit: function() {
|
||||
_config.form.submit(function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
if ( $(this).parsley().isValid() ) {
|
||||
$.ajax({
|
||||
url: _config.formURL,
|
||||
method: _config.formMethod,
|
||||
data: $(this).serialize(),
|
||||
dataType: 'json',
|
||||
beforeSend: function() {
|
||||
_config.formBtn
|
||||
.addClass('disabled')
|
||||
.attr('value', 'Sending...');
|
||||
},
|
||||
success: function(data) {
|
||||
_config.form.find('.form-group').addClass('hide');
|
||||
_config.form.find('.alert--success').removeClass('hide');
|
||||
_config.formBtn.removeClass('disabled');
|
||||
|
||||
// send GA event
|
||||
if (!_dntEnabled()) {
|
||||
GoogleAnalytics.gaEventServicesSuccess();
|
||||
}
|
||||
},
|
||||
error: function(err) {
|
||||
_config.form.find('.alert--danger').removeClass('hide');
|
||||
_config.formBtn
|
||||
.removeClass('disabled')
|
||||
.attr('value', 'Send');
|
||||
|
||||
// send GA event
|
||||
if (!_dntEnabled()) {
|
||||
GoogleAnalytics.gaEventServicesError();
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
app = {
|
||||
init: function() {
|
||||
_private.formSubmit()
|
||||
}
|
||||
};
|
||||
|
||||
return app;
|
||||
|
||||
})(window, document, jQuery)
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
//=include bigchain/form-services.js
|
||||
|
||||
jQuery(function($) {
|
||||
|
||||
FormServices.init()
|
||||
})
|
||||
|
|
@ -1,142 +0,0 @@
|
|||
//
|
||||
// Page: Services
|
||||
// ---
|
||||
// bigchaindb.com
|
||||
//
|
||||
.page-services {
|
||||
// Different Features unit layout
|
||||
.feature {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.feature__title {
|
||||
margin-bottom: $spacer;
|
||||
display: block;
|
||||
|
||||
// the bottom line
|
||||
&:after {
|
||||
content: '';
|
||||
height: 2px;
|
||||
width: 3rem;
|
||||
display: block;
|
||||
margin-top: $spacer * $line-height;
|
||||
}
|
||||
}
|
||||
|
||||
.feature__icon {
|
||||
margin-top: 0;
|
||||
margin-bottom: $spacer / 6;
|
||||
width: 2.2rem;
|
||||
height: 2.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.hero--services {
|
||||
.logo--services {
|
||||
display: inline-block;
|
||||
opacity: .75;
|
||||
fill: $brand-main-blue-light;
|
||||
}
|
||||
|
||||
.hero__title {
|
||||
margin-top: $spacer;
|
||||
}
|
||||
|
||||
.hero__subtitle {
|
||||
margin-bottom: $spacer * 3;
|
||||
font-size: $font-size-h5;
|
||||
|
||||
@media ($screen-sm) {
|
||||
font-size: $font-size-h4;
|
||||
}
|
||||
}
|
||||
|
||||
.hero__content {
|
||||
margin-top: $spacer * 2;
|
||||
margin-bottom: $spacer * 6;
|
||||
}
|
||||
|
||||
.btn {
|
||||
min-width: 220px;
|
||||
}
|
||||
}
|
||||
|
||||
.section--servicesdetail {
|
||||
.feature__icon {
|
||||
stroke: rgba($brand-main-gray, .65);
|
||||
color: rgba($brand-main-violet, .65);
|
||||
}
|
||||
|
||||
.feature__title {
|
||||
// the bottom line
|
||||
&:after {
|
||||
background: rgba($brand-main-gray, .2);
|
||||
}
|
||||
}
|
||||
|
||||
.feature__text {
|
||||
color: rgba($brand-main-blue, .65);
|
||||
}
|
||||
|
||||
.actions {
|
||||
text-align: center;
|
||||
padding-top: $spacer * 3;
|
||||
border-top: 2px solid rgba($brand-main-gray, .1);
|
||||
}
|
||||
}
|
||||
|
||||
.section--servicesintro {
|
||||
.grid,
|
||||
.feature {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin-top: $spacer * 2;
|
||||
}
|
||||
|
||||
h2 {
|
||||
@extend .h3;
|
||||
margin-bottom: $spacer;
|
||||
}
|
||||
|
||||
.feature__title {
|
||||
// the bottom line
|
||||
&:after {
|
||||
background: rgba($gray-light, .4);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.section--servicestestimonial {
|
||||
.testimonial {
|
||||
@extend .large;
|
||||
margin: 0 auto;
|
||||
|
||||
@media ($screen-sm) {
|
||||
max-width: 66%;
|
||||
}
|
||||
}
|
||||
|
||||
.testimonial__quote {
|
||||
&:before {
|
||||
margin-left: -1.3rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form--services {
|
||||
background: darken($brand-main-blue, 5%);
|
||||
|
||||
.grid {
|
||||
@media ($screen-sm) {
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
|
||||
.grid__col {
|
||||
@media ($screen-sm) {
|
||||
flex-basis: 48%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -86,7 +86,6 @@
|
|||
// Specific sections
|
||||
//
|
||||
@import '_sections/section-cta-whitepaper';
|
||||
@import '_sections/section-cta-services';
|
||||
@import '_sections/section-partners';
|
||||
@import '_sections/section-blog';
|
||||
@import '_sections/section-getstarted';
|
||||
|
|
|
|||
|
|
@ -1,28 +0,0 @@
|
|||
|
||||
.section-cta--services {
|
||||
@media ($screen-md) {
|
||||
padding-top: $spacer * 7;
|
||||
padding-bottom: $spacer * 7;
|
||||
}
|
||||
|
||||
.logo--services {
|
||||
margin-bottom: $spacer;
|
||||
transform: scale(.8);
|
||||
transform-origin: left;
|
||||
color: $brand-main-violet;
|
||||
fill: rgba($brand-main-blue, .5);
|
||||
}
|
||||
|
||||
.section-header {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
text-align: left;
|
||||
margin-bottom: $spacer * 2.5;
|
||||
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -62,7 +62,6 @@
|
|||
@import 'page-contact';
|
||||
@import 'page-cla';
|
||||
@import 'page-partners';
|
||||
@import 'page-services';
|
||||
@import 'oceanprotocol';
|
||||
@import 'page-guide';
|
||||
@import 'page-newsletter';
|
||||
|
|
|
|||
|
|
@ -1,116 +0,0 @@
|
|||
|
||||
<form id="form-services" class="form form--services js-parsley" action="https://formspree.io/{{ site.email.services }}" method="POST" accept-charset="UTF-8">
|
||||
|
||||
<p class="form-group">
|
||||
<input class="form-control" type="text" id="name" name="name" required>
|
||||
<label class="form-label" for="name">Full Name</label>
|
||||
</p>
|
||||
|
||||
<div class="grid grid--full grid-small--half">
|
||||
<div class="grid__col">
|
||||
<p class="form-group">
|
||||
<input class="form-control" type="text" id="company" name="company" required>
|
||||
<label class="form-label" for="company">Company</label>
|
||||
</p>
|
||||
</div>
|
||||
<div class="grid__col">
|
||||
<p class="form-group">
|
||||
<input class="form-control" type="email" id="email" name="_replyto" required>
|
||||
<label class="form-label" for="email">Email</label>
|
||||
</p>
|
||||
</div>
|
||||
<div class="grid__col">
|
||||
<p class="form-group">
|
||||
<input class="form-control" type="tel" id="phone" name="phone">
|
||||
<label class="form-label" for="phone">Phone</label>
|
||||
</p>
|
||||
</div>
|
||||
<div class="grid__col">
|
||||
<p class="form-group">
|
||||
<select class="form-control" id="country" name="country" required data-required="true">
|
||||
<option value=""> </option>
|
||||
<optgroup label="">
|
||||
<option value="US">United States</option>
|
||||
<option value="DE">Germany</option>
|
||||
<option value="IN">India</option>
|
||||
<option value="GB">United Kingdom</option>
|
||||
<option value="CN">China</option>
|
||||
</optgroup>
|
||||
<option value=""> </option>
|
||||
|
||||
{% for country in site.data.countries %}
|
||||
{% unless country.cca2 == 'DE' or country.cca2 == 'US' or country.cca2 == 'IN' or country.cca2 == 'GB' or country.cca2 == 'CN' %}
|
||||
<option value="{{ country.cca2 }}">{{ country.name.common }}</option>
|
||||
{% endunless %}
|
||||
{% endfor %}
|
||||
</select>
|
||||
<label class="form-label" for="country">Country</label>
|
||||
</p>
|
||||
</div>
|
||||
<div class="grid__col">
|
||||
<p class="form-group">
|
||||
<select class="form-control" id="industry" name="industry" required data-required="true">
|
||||
<option value=""> </option>
|
||||
{% for industry in page.contact.industries %}
|
||||
<option value="{{ industry }}">{{ industry }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
<label class="form-label" for="industry">Industry</label>
|
||||
</p>
|
||||
</div>
|
||||
<div class="grid__col">
|
||||
<p class="form-group">
|
||||
<select class="form-control" id="interest" name="interest" required data-required="true">
|
||||
<option value=""> </option>
|
||||
{% for interest in page.contact.interests %}
|
||||
<option value="{{ interest }}">{{ interest }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
<label class="form-label" for="interest">Interested in</label>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="form-group">
|
||||
<textarea class="form-control" id="comment" name="comment" rows="1"></textarea>
|
||||
<label class="form-label" for="comment">Comments</label>
|
||||
</p>
|
||||
<p class="form-group text-dimmed mini">
|
||||
Fields marked with <span class="required">*</span> are required.
|
||||
</p>
|
||||
<p class="form-group">
|
||||
<input class="btn btn-blue-light" type="submit" value="Send">
|
||||
</p>
|
||||
|
||||
<div class="alert alert--success animation-slide-in-from-bottom hide">
|
||||
<svg class="alert__icon icon icon-success">
|
||||
<use xlink:href="/assets/img/sprite.svg#icon-check"></use>
|
||||
</svg>
|
||||
<p>
|
||||
<strong class="alert__title">Great to hear you’re interested!</strong>
|
||||
We’ll get in touch soon.
|
||||
</p>
|
||||
</div>
|
||||
<div class="alert alert--danger hide">
|
||||
<svg class="alert__icon icon icon-fail">
|
||||
<use xlink:href="/assets/img/sprite.svg#icon-fail"></use>
|
||||
</svg>
|
||||
<p>
|
||||
<strong class="alert__title">Ops, there was an error</strong>
|
||||
Would you mind trying again?
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<input type="text" name="_gotcha" style="display: none;">
|
||||
<input type="hidden" name="_subject" value="New services form submission" />
|
||||
<input type="hidden" name="_cc" value="{{ site.email.services_cc }}" />
|
||||
|
||||
<div class="form__gdpr">
|
||||
<svg class="icon">
|
||||
<use xlink:href="/assets/img/sprite.svg#icon-heart-protect"></use>
|
||||
</svg>
|
||||
<div class="text">
|
||||
{{ site.data.gdpr.general | markdownify }}
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
|
@ -1,17 +0,0 @@
|
|||
<section class="section section-cta section-cta--services background--blue--light">
|
||||
<div class="row">
|
||||
<header class="section-header">
|
||||
|
||||
<svg class="logo logo--services logo--white" aria-labelledby="title">
|
||||
<title>Logo BigchainDB Services</title>
|
||||
<use xlink:href="/assets/img/sprite.svg#logo-services"></use>
|
||||
</svg>
|
||||
|
||||
<h1 class="section-title">Hands-on consulting and production support by blockchain experts.</h1>
|
||||
</header>
|
||||
|
||||
<a class="btn btn-blue" href="{% link services.html %}">
|
||||
Explore Services
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -29,6 +29,4 @@ cta:
|
|||
|
||||
</section>
|
||||
|
||||
{% include sections/section-cta-services.html %}
|
||||
|
||||
{% include sections/section-cta.html %}
|
||||
|
|
|
|||
|
|
@ -89,6 +89,4 @@ cta:
|
|||
|
||||
</section>
|
||||
|
||||
{% include sections/section-cta-services.html %}
|
||||
|
||||
{% include sections/section-cta.html %}
|
||||
|
|
|
|||
|
|
@ -1,37 +0,0 @@
|
|||
---
|
||||
layout: base
|
||||
|
||||
title: Services
|
||||
description: "Support for BigchainDB Software"
|
||||
|
||||
header: hero-services.jpg
|
||||
image: share-image-services.jpg
|
||||
js: page-services.min.js
|
||||
|
||||
hero:
|
||||
title: "Support for BigchainDB software"
|
||||
description: "To learn about service providers for BigchainDB software, please contact IPDB Foundation."
|
||||
cta:
|
||||
- name: IPDB Homepage
|
||||
link: "https://www.ipdb.io"
|
||||
---
|
||||
|
||||
<header class="hero hero--services" {% if page.header %}style="background-image:url('/assets/img/{{ page.header }}')"{% endif %}>
|
||||
|
||||
{% include menu-main.html %}
|
||||
|
||||
<div class="hero__content row">
|
||||
<hgroup>
|
||||
<svg class="logo logo--services logo--white">
|
||||
<use xlink:href="/assets/img/sprite.svg#logo-services"></use>
|
||||
</svg>
|
||||
<h1 class="hero__title">{{ page.hero.title }}</h1>
|
||||
<h2 class="hero__subtitle">{{ page.hero.description }}</h2>
|
||||
|
||||
{% for cta in page.hero.cta %}
|
||||
<a class="btn btn-blue-light hero__action" href="{{ cta.link }}">{{ cta.name }}</a>
|
||||
{% endfor %}
|
||||
</hgroup>
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
|
@ -6,7 +6,6 @@ Form | Actions
|
|||
------------ |-------------
|
||||
`/newsletter` | send data to MailChimp and subscribe to newsletter list (double opt-in)
|
||||
`/contact` | send data to CC emails, Slack message
|
||||
`/services` | send data to CC emails, Slack message, add new row to Google Sheets
|
||||
`/cla` | 2 different forms, send data to CC emails
|
||||
|
||||
Initial form sending, except for newsletter, is handled via formspree.io with a Gold account. As form submissions arrive there, Formspree sends out the received data to the email addresses setup as CC in [our site config](../_config.yml).
|
||||
|
|
|
|||
Loading…
Reference in New Issue