Added a pricing page and improved the overall flow of the enterprise path.

This commit is contained in:
danfunk 2023-10-04 16:57:09 -04:00
parent 34352a3322
commit 67c895beeb
21 changed files with 334 additions and 109 deletions

View File

@ -23,8 +23,7 @@ params:
# Open graph allows easy social sharing. If you don't want it you can set it to false or just delete the variable # Open graph allows easy social sharing. If you don't want it you can set it to false or just delete the variable
openGraph: true openGraph: true
images: images:
- /images/favicon.png - /images/illustrations/intro.png
- /images/default_thumbnail.png
# Used as meta data; describe your site to make Google Bots happy # Used as meta data; describe your site to make Google Bots happy
description: Business Process Automation with BPMN and Python. Connect people and software together in a way that makes sense to everyone. description: Business Process Automation with BPMN and Python. Connect people and software together in a way that makes sense to everyone.
# Preloader ensures get_started are loaded before displaying to the user. If you don't want it uncomment to set it to false # Preloader ensures get_started are loaded before displaying to the user. If you don't want it uncomment to set it to false
@ -59,36 +58,16 @@ params:
navbar: navbar:
- title: Features - title: Features
url: /pages/features/ url: /pages/features/
- title: Support - title: Comparison
url: /pages/support/
- title: Compare
url: /pages/compare/ url: /pages/compare/
- title: Pricing
url: /pages/price/
- title: Articles - title: Articles
sublinks: sublinks:
- title: Introductory Articles - title: Introductory Articles
url: /posts/articles/ url: /posts/articles/
- title: Deep Dives - title: Deep Dives
url: /posts/deep_dives/ url: /posts/deep_dives/
sidebar:
# Logo (from /get_started/logos/___.svg)
logo: spiffworkflow_white
sections:
- title: Projects
icon: user
links:
- text: SpiffWorkflow
url: /pages/spiffworkflow/
- text: SpiffArena
url: /pages/spiffarena/
- text: SpiffEditor
url: /pages/spiffeditor/
- title: Articles
icon: envelope
links:
- text: Introductory Articles
url: /posts/articles/
- text: Deep Dive Articles
url: /posts/deep_dives/
section1: section1:
title: A Powerful Low Code Platform title: A Powerful Low Code Platform
subtitle: Build your first diagram in minutes. But don't let the simplicity fool you. SpiffWorkflow is a powerful platform that can handle the most complex of business processes. subtitle: Build your first diagram in minutes. But don't let the simplicity fool you. SpiffWorkflow is a powerful platform that can handle the most complex of business processes.
@ -101,14 +80,14 @@ params:
title: A Thriving Open Source Community title: A Thriving Open Source Community
subtitle: We are open source, releasing much of our software under the LGPLv3. We welcome contributions from the community and are happy to help you get started. We make contributions to the open source community on a daily basis. subtitle: We are open source, releasing much of our software under the LGPLv3. We welcome contributions from the community and are happy to help you get started. We make contributions to the open source community on a daily basis.
features: features:
- title: 1500 Stars - title: 1500+ Stars
text: Continuous growth and usage for over a decade, with a thriving community of contributors. text: Continuous growth and usage for over a decade, with a thriving community of contributors.
icon: star-history.png icon: star-history.png
- title: 42 Contributors - title: 40+ Contributors
text: Contributors from across the world, from the States, Germany, Sweden, South America, the Netherlands, and more. text: Contributors from across the world, from the States, Germany, Sweden, South America, the Netherlands, and more.
# Icon (from /get_started/illustrations/icons/___.svg) # Icon (from /get_started/illustrations/icons/___.svg)
icon: contributors.png icon: contributors.png
- title: 200 Discord Members - title: 200+ Discord Members
text: A growing community of users and contributors, with a dedicated Discord server, and regular community calls and AMAs. text: A growing community of users and contributors, with a dedicated Discord server, and regular community calls and AMAs.
icon: discord.png icon: discord.png
section4: section4:

View File

@ -22,14 +22,14 @@ Camunda is a leading open source workflow engine, and is based on the same core
{{< /tile >}} {{< /tile >}}
{{< /tiles >}} {{< /tiles >}}
### Feature Comparion Details ### Feature Comparison Details
See how we compare to Camunda on a number of key elements of a workflow engine ... See how we compare to Camunda v8 on a number of key elements of a workflow engine ...
* [End To End Process Orchestration](#end-to-end-process-orchestration) * [End To End Process Orchestration](#end-to-end-process-orchestration)
* [Open Standards](#open-standards) * [Open Standards](#open-standards)
* [Analytics and Optimization](#analytics-and-optimization) * [Analytics and Optimization](#analytics-and-optimization)
* [Flexible Architecture](#flexible-architecture) * [Flexible Architecture](#flexible-architecture)
* [Open Source](#open-source)
* [Low Cost of Ownership](#low-cost-of-ownership) * [Low Cost of Ownership](#low-cost-of-ownership)
* [BPMN Support Details](#bpmn-support)
### End To End Process Orchestration ### End To End Process Orchestration
@ -45,7 +45,7 @@ Script, Service, Decision Tables - the ability to define end execute tasks autom
Create and expose new APIs and Micro Services from BPMN Diagrams Create and expose new APIs and Micro Services from BPMN Diagrams
{{</compare_row>}} {{</compare_row>}}
{{< compare_row title="External Applications" sw="true" cm="true">}} {{< compare_row title="External Applications" sw="true" cm="true">}}
Connect with external applications through a standard protocol. Spiffworkflow users REST based APIs and Json Schemas, Camunda8 users gRPC Connect with external applications through a standard protocol. SpiffWorkflow users REST based APIs and Json Schemas, Camunda8 users gRPC
{{</compare_row>}} {{</compare_row>}}
{{</compare_table>}} {{</compare_table>}}
@ -61,7 +61,7 @@ A spreadsheet like notation that describes repeatable business decisions concise
{{< compare_row title="CMMN" sw="" cm="true">}} {{< compare_row title="CMMN" sw="" cm="true">}}
Case Management - for describing processes that intrinsically unpredictable, not repeatable, weekly structured. CMMN is also maintained by the [OMG](https://www.omg.org/). Case Management - for describing processes that intrinsically unpredictable, not repeatable, weekly structured. CMMN is also maintained by the [OMG](https://www.omg.org/).
{{</compare_row>}} {{</compare_row>}}
{{< compare_row title="JSon Schema" sw="true" cm="">}} {{< compare_row title="JSon Schema" sw="true" cm="true">}}
SpiffWorkflow users Json Schemas to describe web forms, data stores and other internally modeled systems according to a well established standard. SpiffWorkflow users Json Schemas to describe web forms, data stores and other internally modeled systems according to a well established standard.
{{</compare_row>}} {{</compare_row>}}
{{</compare_table>}} {{</compare_table>}}
@ -89,7 +89,7 @@ Ability to execute workflow processes over days, weeks and months.
### Flexible Architecture ### Flexible Architecture
Both software applications are designed for integration into your organizations infrastructure. Both software applications are designed for integration into your organizations infrastructure.
{{< compare_table >}} {{< compare_table >}}
{{< compare_row title="Locally Deployable" sw="true" cm="">}} {{< compare_row title="Self Hosted" sw="true" cm="">}}
While some aspects of Camunda's infrastructure can be deployed in-house, Camunda 8's offering requires that much of the execution happens remotely on their SAAS Platform. While some aspects of Camunda's infrastructure can be deployed in-house, Camunda 8's offering requires that much of the execution happens remotely on their SAAS Platform.
{{</compare_row>}} {{</compare_row>}}
{{< compare_row title="Embeddable" sw="true" cm="true">}} {{< compare_row title="Embeddable" sw="true" cm="true">}}

View File

@ -1,25 +1,24 @@
--- ---
title: "Enterprise Integrations" title: "Spiffworkflow Enterprise"
subtitle: "Connects, Authentication Schemes, Extensions, Pre-built Workflows, and more" subtitle: "Build Faster, Build Smarter, Build with Confidence."
date: 2022-12-27T16:05:00-05:00 date: 2022-12-27T16:05:00-05:00
author: Dan Funk author: Dan Funk
draft: false draft: false
description: We are building a series of Enterprise level integrations and extensions to assure that SpiffWorkflow can meet the needs of large scale organizations. description: We are building a series of Enterprise level integrations and extensions to assure that SpiffWorkflow can meet the needs of large scale organizations.
cssClass: "section-support"
cssSubClass: "enterprise"
--- ---
We are in the process of building a series of Enterprise level integrations and extensions to assure that SpiffWorkflow can meet the needs of large scale organizations. Sign up below to get access to our demo site. There you can view diagrams and run example workflows. You can see some of our Enterprise Level integrations in action, and request edit access to your own playground where you can start building diagrams and workflows of your own.
## Authentication ### Sign Up
Integration with OpenID systems from Google, Microsoft, and others, or use internal systems like LDAP or Active Directory, KeyCloak, or others. Please fill out the required fields to continue.
## Connectors
We are building a library of ready-to-use Connectors for your Service Tasks - just drop down the list of connectors to send messages to Slack, Teams, Email, SMS, or any other system you need to integrate with.
## Extensions and Pre-Built Workflows
There are a number of common workflows or reusable components (call activities) that are common across many organizations. Take advantage of our years of experience by using our commercial grade workflows to accelerate and bootstrap your efforts.
## Let's Talk
Contact us now to discuss our Enterprise Packages and determine the best level of support for your needs.
{{% contact_us %}}
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
<script>
hbspt.forms.create({
region: "na1",
portalId: "42562038",
formId: "782e9936-9679-4511-a915-be6ce4170323"
});
</script>

View File

@ -0,0 +1,17 @@
---
title: "SpiffWorkflow's Open Source Code"
subtitle: "Join our community and help us build the future of workflow automation"
date: 2023-10-02T10:00:00-05:00
author: Dan Funk
draft: false
description: SpiffWorkflow is made up of a series of open source projects that are available on GitHub. We welcome your contributions and feedback.
---
## Get The Code and Join our Community!
SpiffWorkflow is made up of several open source projects available on GitHub.
We recommend you start with [SpiffArena](https://github.com/sartography/spiff-arena), but you can also delve into the [core workflow engine](https://github.com/sartography/SpiffWorkflow), [BPMN.IO editor extensions](https://github.com/sartography/bpmn-js-spiffworkflow), and the
[connector proxy](https://github.com/sartography/connector-proxy-demo).
To stay up to date on changes and updates, Star and Follow our GitHub repos, register for our newsletter (below), and join our [Discord channel](https://discord.gg/F6Kb7HNK7B).
{{% newsletter %}}

103
content/pages/price.md Normal file
View File

@ -0,0 +1,103 @@
---
title: "Pricing and Support Plans"
subtitle: "We offer flexible pricing and support plans to meet your needs."
date: 2023-09-29T13:20:00-05:00
draft: false
description: "Choose a platform and support package that meets your needs. We offer a range of options, from a free open source platform to a fully supported enterprise edition."
cssClass: "section-support"
---
{{< pricing_table >}}
<tr>
<td><b>Participants</b> - The maximum number of people that can participate in starting and completing a process instance.
</td>
<td> Unlimited</td>
<td> Unlimited</td>
</tr>
<tr>
<td><b>Process Models</b> - The maximum number of process models you can draw.
</td>
<td> Unlimited</td>
<td> Unlimited</td>
</tr>
<tr>
<td><b>Process Instances</b> - The maximum number of instances you can execute.
</td>
<td> Unlimited</td>
<td> Unlimited</td>
</tr>
<tr>
<td><b>Core Features</b> - Form building, decision tables, timers, events, admin tools, reporting, prospectives, parallel execution, and more.
</td>
<td> {{< svg icon="check" >}}</td>
<td> {{< svg icon="check" >}}</td>
</tr>
<tr>
<td><b>Training</b> - Professional training for business analysts, citizen developers, software engineers and devops.
</td>
<td></td>
<td class="check"> {{< svg icon="check" >}}</td>
</tr>
<tr>
<td><b>Support</b> - Bronze, Silver, and Gold support plans to assure you have the support you need when you need it.
</td>
<td></td>
<td class="check"> {{< svg icon="check" >}}</td>
</tr>
<tr>
<td><b>Integrated Authentication</b> - Step outside of the box and integrate with your existing authentication system - no need to create new accounts or manage seperate groups and permissions.
</td>
<td></td>
<td class="check"> {{< svg icon="check" >}}</td>
</tr>
<tr>
<td><b>Featured Extensions</b> - Use our prebuilt extensions to provide detailed reports and tight integrations
within your organization.
</td>
<td></td>
<td class="check"> {{< svg icon="check" >}}</td>
</tr>
<tr>
<td><b>Commercial Connectors</b> - Connect to your existing systems with our prebuilt connectors for AWS, Slack, Discord, and more.
</td>
<td></td>
<td class="check"> {{< svg icon="check" >}}</td>
</tr>
<tr>
<td><b>Pre-Built Process Models</b> - Accelerate your development with our prebuilt process models for popular business cases - drag and drop common approval processes into your workflow as call activities and configure them to meet your specific needs.
</td>
<td></td>
<td class="check"> {{< svg icon="check" >}}</td>
</tr>
{{</ pricing_table >}}
### Support
Mission-critical installations of SpiffWorkflow require fast response times to questions, disaster recovery plans, and regular checkups. We offer support plans that provide direct access to the same team that develops, tests, and creates the documenation and training for SpiffWorkflow.
<div class="support_table">
| | Bronze | Silver | Gold |
|--------------------------------|----------------|--------------------|------|
| Regular Releases | ✓ | ✓ | ✓ |
| Security Patches | ✓ | ✓ | ✓ |
| GitHub Ticket Support | ✓ | ✓ | ✓ |
| Discord Channel | ✓ | ✓ | ✓ |
| Email Security Alerts | ✓ | ✓ | ✓ |
| Direct Support | By Appointment | Business Hours EST | 24/7 |
| Support Tickets Per Week | 3 | 5 | 8 |
| Installation Review | | | ✓ |
| Annual Health Check | | | ✓ |
| VPN Support | | | ✓ |
| Monitored Upgrades | | | ✓ |
</div>
# Contact Us
Get in touch to discuss your needs and we'll work together to find the right solution for you.
{{< contact_us >}}

View File

@ -1,33 +0,0 @@
---
title: "Get Support Now"
subtitle: "Outcome Based Consulting Services and Service Agreements"
date: 2023-01-02T10:05:00-05:00
draft: false
no_comments: true
description: How to get support for SpiffWorkflow and SpiffArena.
cssClass: "section-support"
---
Mission-critical installations of SpiffWorkflow require fast response times to questions, disaster recovery plans, and regular checkups. We offer paid support plans that provide direct access to the same team that develops, tests, and creates the documenation and training for SpiffWorkflow.
| | Community | Bronze | Silver | Gold |
|-----------------------|-----------|----------------------|-------------------|------------|
| Regular Releases | ✓ | ✓ | ✓ | ✓ |
| Security Patches | ✓ | ✓ | ✓ | ✓ |
| GitHub Ticket Support | ✓ | 24 hrs\* | 24 hrs\* | 24 hrs\* |
| Discord Channel | ✓ | 24 hrs\* | 24 hrs\* | 24 hrs\* |
| Email Security Alerts | | ✓ | ✓ | ✓ |
| Direct Support\*\* | | By Appointment | 8am-5pm EST M-F** | 24/7 |
| Support Tickets Per Week *** | | 3 | 5 | 8 |
| Installation Review | | | ✓ | ✓ |
| Annual Health Check | | | ✓ | ✓ |
| VPN Support | | | ✓ | ✓ |
| Monitored Upgrades | | | ✓ | ✓ |
\* On normal business days - not counting weekends and national holidays.<br />
** We can do video calls, phone calls, text messages, private chats, we'll even share a tmux terminal with you.<br />
*** Ticket complexity can vary widely. We will handle as many tickets as we can - but we must limit our time to an average of one hour per ticket.
# Contact Us
Get in touch to discuss your needs and we'll work together to find the right solution for you.
{{< contact_us >}}

View File

@ -19,6 +19,6 @@
<link rel="stylesheet" href="/css/owl.carousel.min.css"> <link rel="stylesheet" href="/css/owl.carousel.min.css">
<link rel="stylesheet" href="/css/owl.theme.default.min.css"> <link rel="stylesheet" href="/css/owl.theme.default.min.css">
<link rel="stylesheet" type="text/css" href="/css/custom_sartography_6.css"> <link rel="stylesheet" type="text/css" href="/css/custom_sartography_7.css">
<link rel="stylesheet" type="text/css" href="/css/cookieconsent.css"> <link rel="stylesheet" type="text/css" href="/css/cookieconsent.css">

View File

@ -1,5 +1,6 @@
{{- $sectionClass := .Params.cssClass | default "" }} {{- $sectionClass := .Params.cssClass | default "" }}
<section class="section is-medium {{$sectionClass}}"> {{- $sectionSubClass := .Params.cssSubClass | default "" }}
<section class="section is-medium {{$sectionClass}} {{$sectionSubClass}}">
<div class="container"> <div class="container">
<div class="columns"> <div class="columns">
<div class="column is-centered-tablet-portrait"> <div class="column is-centered-tablet-portrait">

View File

@ -0,0 +1,8 @@
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
<script>
hbspt.forms.create({
region: "na1",
portalId: "42562038",
formId: "1c67d053-d29d-4ea7-a426-de96c5ed0d42"
});
</script>

View File

@ -0,0 +1,31 @@
{{- $title := .Get "title" -}}
{{- $os := .Get "os" -}}
{{- $ent := .Get "ent" -}}
<tr>
<td><b>{{$title}}</b> - ✅ ✅
{{ .Inner | markdownify }} ✅ ✅
</td>
<td>
{{ if eq $os "infinity" }}
<img src="/images/features/icons/infinity.svg"/>
{{else if eq $os "true"}}✅
<img src="/images/features/icons/check.svg"/>
{{ else if eq $os "false"}}
<img src="/images/features/icons/x.svg"/>
{{ else }}
{{$os}}
{{ end }}
</td>
<td>
{{ if eq $ent "infinity" }}
<img src="/images/features/icons/infinity.svg"/>
{{else if eq $ent "true"}}✅
<img src="/images/features/icons/check.svg"/>
{{ else if eq $ent "false"}}
<img src="/images/features/icons/x.svg"/>
{{ else }}
{{$ent}}
{{ end }}
</td>
</tr>

View File

@ -0,0 +1,18 @@
<table class="comparison-table pricing-table">
<thead>
<th>&nbsp;</th>
<th><h4>Open Source</h4>
<a class="button is-small rounded accent-btn raised" href="/pages/open_source">
Learn More
</a>
</th>
<th><h4>Enter&shy;prise</h4>
<a class="button is-small rounded accent-btn raised" href="/pages/enterprise">
Try Now
</a>
</th>
</thead>
<tbody>
{{ .Inner }}
</tbody>
</table>

View File

@ -0,0 +1,5 @@
{{- $icon := .Get "icon" -}}
{{- $svg := printf `/static/images/features/icons/%s.svg` $icon -}}
{{- $match := "<svg (.*)?>(.*)</svg>" -}}
{{- $replaceWith := printf `<svg class="feature-icon" ${1}>${2}</svg>` -}}
{{ replaceRE $match $replaceWith (printf $svg | readFile) | safeHTML }}

View File

@ -6497,22 +6497,22 @@ Classes to change the feel of bulma buttons
.button.button.accent-btn { .button.button.accent-btn {
outline: none; outline: none;
border-color: #758E4F; border-color: #fff;
background-color: #758E4F; background-color: #fff;
color: #fff; color: #F26419;
transition: all 0.5s; } transition: all 0.5s; }
.button.button.accent-btn:hover { .button.button.accent-btn:hover {
color: #fff; } color: #0a0a0a; }
.button.button.accent-btn.raised:hover { .button.button.accent-btn.raised:hover {
box-shadow: 0 14px 26px -12px rgba(104, 187, 136, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(104, 187, 136, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(104, 187, 136, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(104, 187, 136, 0.2) !important;
opacity: 0.8; } opacity: 0.9; }
.button.button.accent-btn.btn-outlined { .button.button.accent-btn.btn-outlined {
border-color: #758E4F; border-color: #126D82;
color: #758E4F; color: #126D82;
background-color: transparent; } background-color: transparent; }
.button.button.accent-btn.btn-outlined:hover { .button.button.accent-btn.btn-outlined:hover {
color: #fff; color: #0a0a0a;
background-color: #758E4F; } background-color: #fff; }
/*! _cards.scss v1.0.0 | Commercial License | built on top of bulma.io/Bulmax */ /*! _cards.scss v1.0.0 | Commercial License | built on top of bulma.io/Bulmax */
/* ========================================================================== /* ==========================================================================

View File

@ -90,8 +90,9 @@ div.admonition p.last {
} }
.section-support { .section-support {
background-size: cover; background-repeat: no-repeat;
background-position: center center; background-position: 0% 0%;
background-size: 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: linear-gradient( background-image: linear-gradient(
to top, to top,
@ -100,6 +101,14 @@ div.admonition p.last {
), url("/images/features/photos/support.jpg"); ), url("/images/features/photos/support.jpg");
} }
.section-support.enterprise {
background-image: linear-gradient(
to top,
rgba(0, 0, 0, 0),
rgba(0, 0, 0, 0.8)
), url("/images/features/photos/enterprise.jpg");
}
.section-support .content { .section-support .content {
max-width: 800px; max-width: 800px;
background-color: #ffffff; background-color: #ffffff;
@ -130,7 +139,7 @@ section.section-support .content p {
text-shadow: none; text-shadow: none;
} }
.section-features .subtitle.is-muted { .section-features .subtitle.is-muted, .section-support .subtitle.is-muted {
color: #ddd; color: #ddd;
} }
@ -263,11 +272,21 @@ section.section-support .content p {
.comparison-table th:nth-child(2n) { .comparison-table th:nth-child(2n) {
box-shadow: 0 0 2rem hsla(0, 0%, 0%, 0.15); box-shadow: 0 0 2rem hsla(0, 0%, 0%, 0.15);
width: 20%; width: 30%;
}
.pricing-table th:nth-child(3n) {
background: #fff;
width: 30%;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
}
.comparison-table.pricing-table th:nth-child(2n) {
box-shadow: none;
width: 30%;
} }
.comparison-table th:nth-child(3n) { .comparison-table th:nth-child(3n) {
width: 20%; width: 30%;
} }
.comparison-table th:nth-child(2n), .comparison-table th:nth-child(2n),
@ -276,10 +295,77 @@ section.section-support .content p {
background: #fff; background: #fff;
} }
.comparison-table td:not(:first-child) { .pricing-table th:first-child,
.pricing-table td:nth-child(1n) {
background: #fff;
}
.pricing-table th:nth-child(3n), .pricing-table th:nth-child(3n) h4,
.pricing-table td:nth-child(3n) {
position: relative;
background: #F26419;
color: #fff;
text-shadow: 0 1px 0 black;
}
.pricing-table th:nth-child(2n), .pricing-table th:nth-child(2n) h4,
.pricing-table td:nth-child(2n) {
color: #4a4a4a;
}
.pricing-table td.x .feature-icon {
color: darkred;
}
.pricing-table td.check .feature-icon {
color: white;
}
.pricing-table td svg {
max-height: 40px;
}
.pricing-table td:nth-child(2n) svg {
color: #4a4a4a;
}
.pricing-table td:nth-child(3n) svg {
color: white;
}
.comparison-table td:not(:first-child), .comparison-table th:not(:first-child) {
text-align: center; text-align: center;
} }
.pricing-table td.check .feature-icon {
color: white;
animation: check 5s ease alternate infinite;
}
@keyframes check {
10% {
transform: scale(1.0);
}
100% {
transform: scale(1.1);
}
}
.comparison-table th a {
font-size:2vw;
}
.support_table table {
display: block;
max-width: -moz-fit-content;
max-width: fit-content;
margin: 0 auto;
overflow-x: auto;
white-space: nowrap;
}
@media (min-width: 48rem) { @media (min-width: 48rem) {
.comparison-table { .comparison-table {
font-size: 0.875rem; font-size: 0.875rem;
@ -292,6 +378,10 @@ section.section-support .content p {
} }
@media (min-width: 60rem) { @media (min-width: 60rem) {
.comparison-table th:nth-child(2n), .comparison-table th:nth-child(3n) {
width: 20%;
}
.comparison-table { .comparison-table {
font-size: 1rem; font-size: 1rem;
} }
@ -300,4 +390,8 @@ section.section-support .content p {
.comparison-table td { .comparison-table td {
padding: 1.5rem 2rem; padding: 1.5rem 2rem;
} }
.pricing-table td svg {
max-height: 40px;
}
} }

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 10 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 10 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill="currentColor" d="M 31 2 C 15.011719 2 2 15.007813 2 31 C 2 46.992188 15.011719 60 31 60 C 46.988281 60 60 46.992188 60 31 C 60 15.007813 46.988281 2 31 2 Z M 31 4 C 45.886719 4 58 16.113281 58 31 C 58 45.886719 45.886719 58 31 58 C 16.113281 58 4 45.886719 4 31 C 4 16.113281 16.113281 4 31 4 Z M 30.5625 8.007813 C 24.671875 8.125 18.960938 10.511719 14.734375 14.734375 C 5.769531 23.703125 5.769531 38.292969 14.734375 47.261719 C 14.929688 47.457031 15.1875 47.554688 15.441406 47.554688 C 15.699219 47.554688 15.957031 47.457031 16.152344 47.261719 C 16.542969 46.871094 16.542969 46.238281 16.152344 45.847656 C 7.960938 37.660156 7.964844 24.339844 16.152344 16.152344 C 20.898438 11.402344 27.699219 9.203125 34.339844 10.265625 C 34.882813 10.355469 35.398438 9.980469 35.484375 9.4375 C 35.574219 8.890625 35.199219 8.375 34.65625 8.289063 C 33.292969 8.070313 31.925781 7.976563 30.5625 8.007813 Z M 38.65625 9.386719 C 38.269531 9.402344 37.910156 9.648438 37.765625 10.035156 C 37.570313 10.554688 37.832031 11.128906 38.351563 11.324219 C 39.066406 11.589844 39.769531 11.898438 40.453125 12.238281 C 40.597656 12.3125 40.75 12.347656 40.902344 12.347656 C 41.265625 12.347656 41.617188 12.148438 41.796875 11.796875 C 42.042969 11.304688 41.84375 10.703125 41.351563 10.453125 C 40.609375 10.078125 39.832031 9.742188 39.050781 9.449219 C 38.921875 9.402344 38.789063 9.382813 38.65625 9.386719 Z M 44.433594 12.675781 C 44.179688 12.707031 43.9375 12.832031 43.765625 13.050781 C 43.425781 13.484375 43.5 14.113281 43.9375 14.453125 C 44.605469 14.976563 45.246094 15.546875 45.847656 16.152344 C 54.039063 24.339844 54.039063 37.660156 45.847656 45.847656 C 45.457031 46.242188 45.457031 46.871094 45.847656 47.265625 C 46.042969 47.457031 46.300781 47.558594 46.558594 47.558594 C 46.8125 47.558594 47.070313 47.457031 47.265625 47.265625 C 56.230469 38.296875 56.230469 23.703125 47.265625 14.734375 C 46.605469 14.078125 45.902344 13.453125 45.171875 12.878906 C 44.953125 12.710938 44.683594 12.644531 44.433594 12.675781 Z M 22.515625 21.515625 C 22.261719 21.515625 22.003906 21.613281 21.808594 21.808594 C 21.417969 22.199219 21.417969 22.832031 21.808594 23.222656 L 29.585938 31 L 21.808594 38.777344 C 21.417969 39.167969 21.417969 39.800781 21.808594 40.191406 C 22.003906 40.386719 22.257813 40.484375 22.515625 40.484375 C 22.773438 40.484375 23.027344 40.386719 23.222656 40.191406 L 31 32.414063 L 38.777344 40.191406 C 38.972656 40.386719 39.226563 40.484375 39.484375 40.484375 C 39.742188 40.484375 39.996094 40.386719 40.191406 40.191406 C 40.582031 39.800781 40.582031 39.167969 40.191406 38.777344 L 32.414063 31 L 40.191406 23.222656 C 40.582031 22.832031 40.582031 22.199219 40.191406 21.808594 C 39.800781 21.417969 39.167969 21.417969 38.777344 21.808594 L 31 29.585938 L 23.222656 21.808594 C 23.027344 21.613281 22.769531 21.515625 22.515625 21.515625 Z M 21.375 47.394531 C 20.984375 47.347656 20.589844 47.527344 20.386719 47.886719 L 19.386719 49.621094 C 19.109375 50.097656 19.273438 50.707031 19.75 50.984375 C 19.90625 51.074219 20.078125 51.121094 20.25 51.121094 C 20.59375 51.121094 20.929688 50.941406 21.113281 50.621094 L 22.113281 48.886719 C 22.390625 48.410156 22.230469 47.796875 21.75 47.519531 C 21.628906 47.453125 21.5 47.410156 21.375 47.394531 Z M 40.625 47.394531 C 40.496094 47.410156 40.367188 47.453125 40.25 47.519531 C 39.769531 47.796875 39.609375 48.410156 39.886719 48.890625 L 40.886719 50.621094 C 41.070313 50.941406 41.40625 51.121094 41.75 51.121094 C 41.921875 51.121094 42.09375 51.078125 42.25 50.984375 C 42.730469 50.710938 42.890625 50.097656 42.613281 49.621094 L 41.613281 47.890625 C 41.40625 47.53125 41.011719 47.347656 40.625 47.394531 Z M 25.816406 49.34375 C 25.429688 49.398438 25.09375 49.675781 24.984375 50.078125 L 24.46875 52.011719 C 24.324219 52.542969 24.644531 53.089844 25.175781 53.234375 C 25.261719 53.257813 25.347656 53.269531 25.4375 53.269531 C 25.875 53.269531 26.28125 52.972656 26.402344 52.527344 L 26.921875 50.59375 C 27.0625 50.0625 26.746094 49.511719 26.214844 49.371094 C 26.078125 49.332031 25.945313 49.324219 25.816406 49.34375 Z M 36.1875 49.34375 C 36.058594 49.324219 35.921875 49.332031 35.785156 49.371094 C 35.253906 49.511719 34.9375 50.0625 35.078125 50.59375 L 35.597656 52.527344 C 35.71875 52.972656 36.121094 53.269531 36.5625 53.269531 C 36.652344 53.269531 36.738281 53.257813 36.824219 53.234375 C 37.355469 53.089844 37.675781 52.542969 37.53125 52.011719 L 37.015625 50.078125 C 36.90625 49.675781 36.570313 49.398438 36.1875 49.34375 Z M 31 50 C 30.445313 50 30 50.449219 30 51 L 30 53 C 30 53.550781 30.445313 54 31 54 C 31.554688 54 32 53.550781 32 53 L 32 51 C 32 50.449219 31.554688 50 31 50 Z"/></svg>

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

View File

@ -85,24 +85,24 @@ Classes to change the feel of bulma buttons
} }
&.button.accent-btn { &.button.accent-btn {
outline: none; outline: none;
border-color: $accent; border-color: $white;
background-color: $accent; background-color: $white;
color: $white; color: $secondary;
transition: all 0.5s; transition: all 0.5s;
&:hover { &:hover {
color: $white; color: $black;
} }
&.raised:hover { &.raised:hover {
box-shadow: 0 14px 26px -12px rgba(104, 187, 136, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(104, 187, 136, 0.2) !important; box-shadow: 0 14px 26px -12px rgba(104, 187, 136, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(104, 187, 136, 0.2) !important;
opacity: 0.8; opacity: 0.9;
} }
&.btn-outlined { &.btn-outlined {
border-color: $accent; border-color: $primary;
color: $accent; color: $primary;
background-color: transparent; background-color: transparent;
&:hover { &:hover {
color: $white; color: $black;
background-color: $accent; background-color: $white;
} }
} }
} }