mirror of
https://github.com/bigchaindb/site.git
synced 2024-11-22 01:36:55 +01:00
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_formspree: xgkblajx
|
||||||
contact_cc: "contact@bigchaindb.com"
|
contact_cc: "contact@bigchaindb.com"
|
||||||
cla: xwojnopx
|
cla: xwojnopx
|
||||||
cla_cc: "troy@bigchaindb.com,upod-team@bigchaindb.com"
|
cla_cc: "upod-team@bigchaindb.com"
|
||||||
services: mdgvledx
|
|
||||||
services_cc: "contact@bigchaindb.com"
|
|
||||||
gdpr: gdpr@bigchaindb.com
|
gdpr: gdpr@bigchaindb.com
|
||||||
|
|
||||||
social:
|
social:
|
||||||
|
|||||||
@ -157,14 +157,6 @@ var GoogleAnalytics = (function(w,d,$) {
|
|||||||
},
|
},
|
||||||
gaEventClaError: function() {
|
gaEventClaError: function() {
|
||||||
ga('send', 'event', 'cla', 'cla_form', 'error');
|
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
|
// Specific sections
|
||||||
//
|
//
|
||||||
@import '_sections/section-cta-whitepaper';
|
@import '_sections/section-cta-whitepaper';
|
||||||
@import '_sections/section-cta-services';
|
|
||||||
@import '_sections/section-partners';
|
@import '_sections/section-partners';
|
||||||
@import '_sections/section-blog';
|
@import '_sections/section-blog';
|
||||||
@import '_sections/section-getstarted';
|
@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-contact';
|
||||||
@import 'page-cla';
|
@import 'page-cla';
|
||||||
@import 'page-partners';
|
@import 'page-partners';
|
||||||
@import 'page-services';
|
|
||||||
@import 'oceanprotocol';
|
@import 'oceanprotocol';
|
||||||
@import 'page-guide';
|
@import 'page-guide';
|
||||||
@import 'page-newsletter';
|
@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>
|
</section>
|
||||||
|
|
||||||
{% include sections/section-cta-services.html %}
|
|
||||||
|
|
||||||
{% include sections/section-cta.html %}
|
{% include sections/section-cta.html %}
|
||||||
|
|||||||
@ -89,6 +89,4 @@ cta:
|
|||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% include sections/section-cta-services.html %}
|
|
||||||
|
|
||||||
{% include sections/section-cta.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)
|
`/newsletter` | send data to MailChimp and subscribe to newsletter list (double opt-in)
|
||||||
`/contact` | send data to CC emails, Slack message
|
`/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
|
`/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).
|
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
Block a user