Adding Clarity to track webpage usage
Re-arange homepage Improved cookie consent Reintroduce Newsletter sing-up
This commit is contained in:
danfunk
parent
116bf2505c
commit
47fbe48704
88
config.yaml
88
config.yaml
|
|
@ -45,11 +45,12 @@ params:
|
|||
# Hero subtitle (optional)
|
||||
subtitle: Connect people and software together in a way that makes sense to everyone.
|
||||
# Button text
|
||||
buttontext: Try it now!
|
||||
buttontext: Schedule a Demo!
|
||||
# Where the main hero button links to
|
||||
buttonlink: "/posts/articles/get_started/"
|
||||
buttonlink: "#"
|
||||
buttononclick: 'Calendly.initPopupWidget({url: "https://calendly.com/dan-sartography/60min"});return false;'
|
||||
# Hero image (from static/get_started/___)
|
||||
image: illustrations/flow.svg
|
||||
image: illustrations/intro.png
|
||||
# Footer logos (from static/get_started/logos/clients/___.svg)
|
||||
clientlogos:
|
||||
- status
|
||||
|
|
@ -95,51 +96,13 @@ params:
|
|||
- text: Deep Dive Articles
|
||||
url: /posts/deep_dives/
|
||||
section1:
|
||||
title: Commercial Support
|
||||
subtitle: We offer commercial support for SpiffWorkflow and related projects. We can help you with everything from getting started, to building your first diagram, to integrating SpiffWorkflow into your existing systems.
|
||||
tiles:
|
||||
- title: Training
|
||||
icon: training
|
||||
text: From BPMN to Dev-Ops we offer training to get you moving quickly and to assure you getting the most out of your investment.
|
||||
url: /pages/training/
|
||||
buttonText: Learn More
|
||||
class: tile-secondary
|
||||
- title: Hosting
|
||||
icon: hosting
|
||||
text: Let us set up and host SpiffWorkflow for you. We can help you get started, and provide ongoing support and maintenance.
|
||||
url: /pages/hosting/
|
||||
buttonText: Learn More
|
||||
class: tile-secondary
|
||||
- title: Integration
|
||||
icon: enterprise
|
||||
text: Enterprise level integrations for Authentication, pre-built reusable workflows, and connectors to rest of your enterprise systems.
|
||||
url: /pages/enterprise/
|
||||
buttonText: Learn More
|
||||
class: tile-secondary
|
||||
science:
|
||||
title: Grounded in Science
|
||||
subtitle: We have combined the most heavily researched standard in the field of Business Process Automation with the most popular programming language in the world(1).
|
||||
tiles:
|
||||
- title: BPMN
|
||||
icon: bpmn
|
||||
text: 1000's of articles on the efficacy of BPMN in diverse domains from Health Care(3) to Lagistics(4) to Automotive(5).
|
||||
class: tile-secondary
|
||||
- title: Python
|
||||
icon: python
|
||||
text: "\"Python has arguably become the de facto standard for exploratory, interactive, and computation-driven scientific research\"(2)"
|
||||
class: tile-secondary
|
||||
references:
|
||||
- ref: 1
|
||||
citation: "TIOBE index, https://www.tiobe.com/tiobe-index/"
|
||||
- ref: 2
|
||||
citation: "K. J. Millman and M. Aivazis, \"Python for Scientists and Engineers,\" in Computing in Science & Engineering, vol. 13, no. 2, pp. 9-12, March-April 2011, doi: 10.1109/MCSE.2011.36."
|
||||
- ref: 3
|
||||
citation: "PufahlL. et al. \"BPMN in healthcare: Challenges and best practices\", in Information Systems, vol 107, 2922"
|
||||
- ref: 4
|
||||
citation: "E S Kenne, \"Challenges Facing Port Logistics in Cameroon, Using The Bpmn Model\", International Journal of Latest Research in Humanities and Social Science (IJLRHSS) Volume 04 - Issue 12, 2021, pp. 174-182"
|
||||
- ref: 5
|
||||
citation: "Fernandes, Jorge, João Reis, Nuno Melão, Leonor Teixeira, and Marlene Amorim. 2021. \"The Role of Industry 4.0 and BPMN in the Arise of Condition-Based and Predictive Maintenance: A Case Study in the Automotive Industry\" Applied Sciences 11, no. 8: 3438. https://doi.org/10.3390/app11083438"
|
||||
|
||||
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.
|
||||
image: build_a_diagram.gif
|
||||
buttonText: Try it Now
|
||||
buttonLink: /posts/articles/get_started/
|
||||
contact: true
|
||||
science: true
|
||||
section2:
|
||||
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.
|
||||
|
|
@ -154,11 +117,6 @@ params:
|
|||
- title: 200 Discord Members
|
||||
text: A growing community of users and contributors, with a dedicated Discord server, and regular community calls and AMAs.
|
||||
icon: discord.png
|
||||
section3:
|
||||
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.
|
||||
image: build_a_diagram.gif
|
||||
buttonText: Schedule a Demo
|
||||
section4:
|
||||
title: Join the Innovators
|
||||
subtitle: Join these innovators and help us continue to refine and improve this important open source project.
|
||||
|
|
@ -187,8 +145,30 @@ params:
|
|||
quote: We are using spiff workflow in our serverless travel booking engine. It allows us rapid change of business logic with minimum development effort, and in the long run to improve the maintainability thanks to the graphical visualisation.
|
||||
job: Software Engineer
|
||||
img: rajat
|
||||
section5: true
|
||||
section5:
|
||||
title: Commercial Support
|
||||
subtitle: We offer commercial support for SpiffWorkflow and related projects. We can help you with everything from getting started, to building your first diagram, to integrating SpiffWorkflow into your existing systems.
|
||||
tiles:
|
||||
- title: Training
|
||||
icon: training
|
||||
text: From BPMN to Dev-Ops we offer training to get you moving quickly and to assure you getting the most out of your investment.
|
||||
url: /pages/training/
|
||||
buttonText: Learn More
|
||||
class: tile-secondary
|
||||
- title: Hosting
|
||||
icon: hosting
|
||||
text: Let us set up and host SpiffWorkflow for you. We can help you get started, and provide ongoing support and maintenance.
|
||||
url: /pages/hosting/
|
||||
buttonText: Learn More
|
||||
class: tile-secondary
|
||||
- title: Integration
|
||||
icon: enterprise
|
||||
text: Enterprise level integrations for Authentication, pre-built reusable workflows, and connectors to rest of your enterprise systems.
|
||||
url: /pages/enterprise/
|
||||
buttonText: Learn More
|
||||
class: tile-secondary
|
||||
section6: true
|
||||
newsletter: true
|
||||
footer:
|
||||
# Logo (from /get_started/logos/___)
|
||||
logo: spiffworkflow_white.svg
|
||||
|
|
|
|||
|
|
@ -4,9 +4,6 @@
|
|||
{{ partial "meta.html" . }}
|
||||
<title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title>
|
||||
{{ partial "css.html" . }}
|
||||
<link rel="stylesheet" href="css/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="css/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/custom_sartography_1.css">
|
||||
</head>
|
||||
<body>
|
||||
{{ if ne .Site.Params.preloader false }}
|
||||
|
|
@ -27,6 +24,5 @@
|
|||
{{ end }}
|
||||
|
||||
{{ partial "javascript.html" . }}
|
||||
{{- template "partials/cookie-consent.html" . }}
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -4,9 +4,6 @@
|
|||
{{ partial "meta.html" . }}
|
||||
<title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title>
|
||||
{{ partial "css.html" . }}
|
||||
<link rel="stylesheet" href="css/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="css/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/custom_sartography_1.css">
|
||||
</head>
|
||||
<body>
|
||||
{{ if ne .Site.Params.preloader false }}
|
||||
|
|
@ -100,7 +97,6 @@
|
|||
|
||||
{{ partial "sidebar.html" . }}
|
||||
{{ partial "javascript.html" . }}
|
||||
{{- template "partials/cookie-consent.html" . }}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -4,9 +4,6 @@
|
|||
{{ partial "meta.html" . }}
|
||||
<title>{{ block "title" . }}{{ .Params.Title }}, {{ .Site.Title }}{{ end }}</title>
|
||||
{{ partial "css.html" . }}
|
||||
<link rel="stylesheet" href="css/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="css/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/custom_sartography_1.css">
|
||||
</head>
|
||||
<body>
|
||||
{{ if ne .Site.Params.preloader false }}
|
||||
|
|
@ -36,7 +33,6 @@
|
|||
{{ end }}
|
||||
|
||||
{{ partial "javascript.html" . }}
|
||||
{{- template "partials/cookie-consent.html" . }}
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -13,8 +13,8 @@
|
|||
{{ partial "section2.html" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.section3 }}
|
||||
{{ partial "section3.html" . }}
|
||||
{{ if .Site.Params.contact }}
|
||||
{{ partial "contact.html" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.section4 }}
|
||||
|
|
@ -29,6 +29,9 @@
|
|||
{{ partial "section6.html" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.newsletter }}
|
||||
{{ partial "newsletter.html" . }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .Site.Params.footer }}
|
||||
{{ partial "footer.html" . }}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,10 @@
|
|||
<section class="section section-light-grey is-medium" id="contact">
|
||||
<div class="container">
|
||||
<div class="title-wrapper has-text-centered">
|
||||
<h2 class="title is-2 is-spaced">Contact Us</h2>
|
||||
<h3 class="subtitle is-5 is-muted">Complete the form below, and we will get in contact with you shortly!</h3>
|
||||
<div class="divider is-centered"></div>
|
||||
</div>
|
||||
{{ partial "contact_form.html" . }}
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -1,100 +0,0 @@
|
|||
<div id="cookie-notice">
|
||||
<span>We would like to use third party cookies and scripts to improve the
|
||||
functionality of this website.</span>
|
||||
<a id="cookie-notice-accept" class="btn btn-primary btn-sm">Approve</a>
|
||||
<a id="cookie-notice-deny" class="btn btn-primary btn-sm">Deny</a>
|
||||
<a href="/pages/privacy_policy/" class="btn btn-primary btn-sm">More info</a></div>
|
||||
<script>
|
||||
function createCookie(name,value,days) {
|
||||
var expires = "";
|
||||
if (days) {
|
||||
var date = new Date();
|
||||
date.setTime(date.getTime() + (days*24*60*60*1000));
|
||||
expires = "; expires=" + date.toUTCString();
|
||||
}
|
||||
document.cookie = name + "=" + value + expires + "; path=/" + ";secure;SameSite=None";
|
||||
}
|
||||
function readCookie(name) {
|
||||
var nameEQ = name + "=";
|
||||
var ca = document.cookie.split(';');
|
||||
for(var i=0;i < ca.length;i++) {
|
||||
var c = ca[i];
|
||||
while (c.charAt(0)==' ') c = c.substring(1,c.length);
|
||||
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
function deleteCookiesByPattern(pattern) {
|
||||
const cookies = document.cookie.split(';');
|
||||
|
||||
for (let i = 0; i < cookies.length; i++) {
|
||||
|
||||
const cookie = cookies[i];
|
||||
const eqPos = cookie.indexOf("=");
|
||||
const name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
|
||||
|
||||
if (name.includes(pattern)) {
|
||||
// ADD YOUR DOMAIN HERE! KEEP THE DOT INFRONT, OTHERWISE THE COOKIE WONT GET DELETED
|
||||
document.cookie = name + "=; Domain=.yourdomain.com; Path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT; secure; SameSite=None";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if(readCookie('cookie-notice-option')=='true') {
|
||||
{{ if hugo.IsProduction | or (eq .Site.Params.env "production") }}
|
||||
|
||||
function loadScriptAsync(scriptSrc, callback) {
|
||||
if (typeof callback !== 'function') {
|
||||
throw new Error('Not a valid callback for async script load');
|
||||
}
|
||||
var script = document.createElement('script');
|
||||
script.onload = callback;
|
||||
script.src = scriptSrc;
|
||||
document.head.appendChild(script);
|
||||
}
|
||||
|
||||
/* This is the part where you call the above defined function and "calls back"
|
||||
your code which gets executed after the script has loaded */
|
||||
|
||||
//REPLACE WITH YOUR GA TAG!
|
||||
/*
|
||||
loadScriptAsync('https://www.googletagmanager.com/gtag/js?id=G-3Z83G8WLEK', function () {
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
//REPLACE WITH YOUR GA TAG!
|
||||
gtag('config', 'G-3Z83G8WLEK', { 'anonymize_ip': true, cookie_flags: 'secure;samesite=none' });
|
||||
});
|
||||
*/
|
||||
<!-- Google Tag Manager -->
|
||||
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
||||
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
||||
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
||||
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
||||
})(window,document,'script','dataLayer','GTM-NFMNL96Z');
|
||||
<!-- End Google Tag Manager -->
|
||||
|
||||
{{ end }}
|
||||
} else if (readCookie('cookie-notice-option')!='false'){
|
||||
deleteCookiesByPattern("_ga");
|
||||
document.getElementById('cookie-notice').style.display = 'block';
|
||||
} else if (readCookie('cookie-notice-option')=='false'){
|
||||
deleteCookiesByPattern("_ga");
|
||||
document.getElementById('cookie-notice').style.display = 'none';
|
||||
}
|
||||
|
||||
document.getElementById('cookie-notice-accept').addEventListener("click",function() {
|
||||
createCookie('cookie-notice-option','true',31);
|
||||
console.log("Created Cookie!")
|
||||
document.getElementById('cookie-notice').style.display = 'none';
|
||||
location.reload();
|
||||
});
|
||||
|
||||
document.getElementById('cookie-notice-deny').addEventListener("click",function() {
|
||||
createCookie('cookie-notice-option','false',31);
|
||||
document.getElementById('cookie-notice').style.display = 'none';
|
||||
location.reload();
|
||||
});
|
||||
|
||||
</script>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
{{- $inServerMode := .Site.IsServer }}
|
||||
{{- $sass := "style.sass" }}
|
||||
{{- $cssTarget := "css/style.css" }}
|
||||
{{- $cssOpts := cond ($inServerMode) (dict "targetPath" $cssTarget "enableSourceMap" true) (dict "targetPath" $cssTarget "outputStyle" "compressed") }}
|
||||
{{- $fontName := .Site.Params.font.name | default "Open Sans" }}
|
||||
{{- $fontFace := replace $fontName " " "+" }}
|
||||
{{- $fontSizes := delimit (.Site.Params.font.sizes | default (slice 300 400 600 700)) "," }}
|
||||
{{- $fontUrl := printf "https://fonts.googleapis.com/css?family=%s:%s" $fontFace $fontSizes }}
|
||||
<link rel="icon" type="image/png" href="{{ "images/favicon.png" | relURL }}" />
|
||||
<link href="{{ $fontUrl }}" rel="stylesheet">
|
||||
{{- if $inServerMode }}
|
||||
{{- $css := resources.Get $sass | toCSS $cssOpts }}
|
||||
<link rel="stylesheet" type="text/css" href="{{ $css.RelPermalink }}">
|
||||
{{- else }}
|
||||
{{- $css := resources.Get $sass | toCSS $cssOpts | minify | fingerprint }}
|
||||
<link rel="stylesheet" type="text/css" href="{{ $css.RelPermalink }}" integrity="{{ $css.Data.Integrity }}">
|
||||
{{- end }}
|
||||
<link rel="stylesheet" type="text/css" href="{{ "css/icons.css" | relURL }}">
|
||||
|
||||
<link rel="stylesheet" href="/css/owl.carousel.min.css">
|
||||
<link rel="stylesheet" href="/css/owl.theme.default.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/custom_sartography_2.css">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="/css/cookieconsent.css">
|
||||
|
|
@ -5,4 +5,40 @@
|
|||
<script src="{{ "js/owl.carousel.min.js" | relURL }}"></script>
|
||||
<script src="{{ "js/carousel.js" | relURL }}"></script>
|
||||
|
||||
<script defer src="{{ "js/cookieconsent.js" | relURL }}"></script>
|
||||
<script defer src="{{ "js/cookieconsent-init.js" | relURL }}"></script>
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
|
||||
|
||||
<script>
|
||||
// Define dataLayer and the gtag function.
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
|
||||
// Default ads and analytics storage is set to 'denied'.
|
||||
gtag('consent', 'default', {
|
||||
'ad_storage': 'denied',
|
||||
'analytics_storage': 'denied'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Google Tag Manager -->
|
||||
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
||||
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
||||
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
||||
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
||||
})(window,document,'script','dataLayer','GTM-NFMNL96Z');</script>
|
||||
<!-- End Google Tag Manager -->
|
||||
|
||||
|
||||
<!-- Clarity heatmap tracking
|
||||
NOTE: Clarity cookies are turned off by default. They will be turned in in the cookieconsent-init.js file,
|
||||
if the user consents to analytics cookies.
|
||||
-->
|
||||
<script type="text/javascript">
|
||||
(function(c,l,a,r,i,t,y){
|
||||
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
|
||||
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
|
||||
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
|
||||
})(window, document, "clarity", "script", "iyrm5frdjh");
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,17 @@
|
|||
<section class="section section is-medium" id="newsletter">
|
||||
<div class="container">
|
||||
<div class="title-wrapper has-text-centered">
|
||||
<h2 class="title is-2 is-spaced">News Letter</h2>
|
||||
<h3 class="subtitle is-5 is-muted">Join our mailing list to get quarterly updates on our progress.</h3>
|
||||
<div class="divider is-centered"></div>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
<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>
|
||||
|
|
@ -1,42 +1,64 @@
|
|||
{{- $science := .Site.Params.science }}
|
||||
{{- $title := index $science "title" }}
|
||||
{{- $subtitle := index $science "subtitle" }}
|
||||
{{- $tiles := index $science "tiles" }}
|
||||
{{- $references := index $science "references" }}
|
||||
<section class="section section-secondary is-medium" id="section1">
|
||||
<div class="container">
|
||||
<div class="title-wrapper has-text-centered">
|
||||
<h2 class="title is-2 light-text">{{ $title }}</h2>
|
||||
<h3 class="subtitle is-5 light-text">{{ $subtitle }}</h3>
|
||||
<h2 class="title is-2 light-text">Grounded in Science</h2>
|
||||
<h3 class="subtitle is-5 light-text">
|
||||
We have combined the most heavily researched standard in the field of Business Process Automation with the most popular programming language in the world
|
||||
<div class="tooltip"> <sup>1</sup>
|
||||
<span class="tooltiptext">TIOBE index, https://www.tiobe.com/tiobe-index/</span>
|
||||
</div>
|
||||
</h3>
|
||||
<div class="divider is-centered"></div>
|
||||
</div>
|
||||
|
||||
<!--
|
||||
references:
|
||||
- ref: 1
|
||||
citation: "TIOBE index, https://www.tiobe.com/tiobe-index/"
|
||||
- ref: 2
|
||||
citation: "K. J. Millman and M. Aivazis, \"Python for Scientists and Engineers,\" in Computing in Science & Engineering, vol. 13, no. 2, pp. 9-12, March-April 2011, doi: 10.1109/MCSE.2011.36."
|
||||
- ref: 3
|
||||
citation: "PufahlL. et al. \"BPMN in healthcare: Challenges and best practices\", in Information Systems, vol 107, 2922"
|
||||
- ref: 4
|
||||
citation: "E S Kenne, \"Challenges Facing Port Logistics in Cameroon, Using The Bpmn Model\", International Journal of Latest Research in Humanities and Social Science (IJLRHSS) Volume 04 - Issue 12, 2021, pp. 174-182"
|
||||
- ref: 5
|
||||
citation: "Fernandes, Jorge, João Reis, Nuno Melão, Leonor Teixeira, and Marlene Amorim. 2021. \"The Role of Industry 4.0 and BPMN in the Arise of Condition-Based and Predictive Maintenance: A Case Study in the Automotive Industry\" Applied Sciences 11, no. 8: 3438. https://doi.org/10.3390/app11083438"
|
||||
-->
|
||||
<div class="content-wrapper">
|
||||
<div class="columns">
|
||||
{{- range $tiles }}
|
||||
<div class="column is-one-half">
|
||||
<div class="feature-card {{ .class }} is-bordered has-text-centered revealOnScroll delay-1" data-animation="fadeInLeft">
|
||||
<div class="card-title">
|
||||
<h4>{{ .title }}</h4>
|
||||
</div>
|
||||
<div class="card-icon">
|
||||
<img src="{{ printf "/images/illustrations/icons/%s.svg" .icon | relURL }}">
|
||||
</div>
|
||||
<div class="feature-card tile-secondary is-bordered has-text-centered revealOnScroll delay-1" data-animation="fadeInLeft">
|
||||
<div class="card-title"><h4>BPMN</h4></div>
|
||||
<div class="card-icon"><img src="/images/illustrations/icons/bpmn.svg"></div>
|
||||
<div class="card-text">
|
||||
<p>{{ .text }}</p>
|
||||
<p>
|
||||
1000's of articles on the efficacy of BPMN in diverse domains from Health Care<span class="tooltip"><sup>3</sup>
|
||||
<span class="tooltiptext">PufahlL. et al. "BPMN in healthcare: Challenges and best practices", in Information Systems, vol 107, 2922</span>
|
||||
</span>
|
||||
to Lagistics<span class="tooltip"><sup>4</sup>
|
||||
<span class="tooltiptext">E S Kenne, "Challenges Facing Port Logistics in Cameroon, Using The Bpmn Model", International Journal of Latest Research in Humanities and Social Science (IJLRHSS) Volume 04 - Issue 12, 2021, pp. 174-182</span>
|
||||
</span>
|
||||
to Automotive<span class="tooltip"><sup>5</sup>
|
||||
<span class="tooltiptext">Fernandes, Jorge, João Reis, Nuno Melão, Leonor Teixeira, and Marlene Amorim. 2021. "The Role of Industry 4.0 and BPMN in the Arise of Condition-Based and Predictive Maintenance: A Case Study in the Automotive Industry" Applied Sciences 11, no. 8: 3438. https://doi.org/10.3390/app11083438</span>
|
||||
</span>
|
||||
.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{- end }}
|
||||
<div class="column is-one-half">
|
||||
<div class="feature-card tile-secondary is-bordered has-text-centered revealOnScroll delay-1" data-animation="fadeInLeft">
|
||||
<div class="card-title"><h4>Python</h4></div>
|
||||
<div class="card-icon"><img src="/images/illustrations/icons/python.svg"></div>
|
||||
<div class="card-text">
|
||||
<p>
|
||||
Python has arguably become the de facto standard for exploratory, interactive, and computation-driven scientific research<span class="tooltip"><sup>2</sup>
|
||||
<span class="tooltiptext">"K. J. Millman and M. Aivazis, "Python for Scientists and Engineers" in Computing in Science & Engineering, vol. 13, no. 2, pp. 9-12, March-April 2011, doi: 10.1109/MCSE.2011.36."</span>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="references ">
|
||||
{{- range $references }}
|
||||
<div class="reference light-text">
|
||||
<sup>{{.ref}}</sup> {{ .citation }}
|
||||
</div>
|
||||
{{- end }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
{{- $section3 := .Site.Params.section3 }}
|
||||
{{- $title := index $section3 "title" }}
|
||||
{{- $subtitle := index $section3 "subtitle" }}
|
||||
{{- $image := index $section3 "image" }}
|
||||
{{- $buttonText := index $section3 "buttontext" }}
|
||||
{{- $buttonLink := index $section3 "buttonlink" }}
|
||||
{{- $section1 := .Site.Params.section1 }}
|
||||
{{- $title := index $section1 "title" }}
|
||||
{{- $subtitle := index $section1 "subtitle" }}
|
||||
{{- $image := index $section1 "image" }}
|
||||
{{- $buttonText := index $section1 "buttontext" }}
|
||||
{{- $buttonLink := index $section1 "buttonlink" }}
|
||||
<section class="section section-feature-grey is-medium" id="section3">
|
||||
<div class="container">
|
||||
<div class="columns">
|
||||
|
|
@ -20,9 +20,9 @@
|
|||
</div>
|
||||
|
||||
<p class="has-text-centered mt-20">
|
||||
<a href="" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/dan-sartography/60min'});return false;">
|
||||
<a href="{{ $buttonLink }}">
|
||||
<span class="button signup-button rounded secondary-btn raised">
|
||||
Schedule Demo
|
||||
{{ $buttonText }}
|
||||
</span>
|
||||
</a>
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -1,36 +0,0 @@
|
|||
{{- $section1 := .Site.Params.section1 }}
|
||||
{{- $title := index $section1 "title" }}
|
||||
{{- $subtitle := index $section1 "subtitle" }}
|
||||
{{- $tiles := index $section1 "tiles" }}
|
||||
<section class="section section-feature-grey is-medium" id="section1">
|
||||
<div class="container">
|
||||
<div class="title-wrapper has-text-centered">
|
||||
<h2 class="title is-2">{{ $title }}</h2>
|
||||
<h3 class="subtitle is-5 is-muted">{{ $subtitle }}</h3>
|
||||
<div class="divider is-centered"></div>
|
||||
</div>
|
||||
|
||||
<div class="content-wrapper">
|
||||
<div class="columns">
|
||||
{{- range $tiles }}
|
||||
<div class="column is-one-third">
|
||||
<div class="feature-card {{ .class }} is-bordered has-text-centered revealOnScroll delay-1" data-animation="fadeInLeft">
|
||||
<div class="card-title">
|
||||
<h4>{{ .title }}</h4>
|
||||
</div>
|
||||
<div class="card-icon">
|
||||
<img src="{{ printf "/images/illustrations/icons/%s.svg" .icon | relURL }}">
|
||||
</div>
|
||||
<div class="card-text">
|
||||
<p>{{ .text }}</p>
|
||||
</div>
|
||||
<div class="card-action">
|
||||
<a href="{{ .url }}" class="button btn-align-md accent-btn raised">{{ .buttonText }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{- end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -1,10 +1,36 @@
|
|||
<section class="section section is-medium" id="section5">
|
||||
{{- $section5 := .Site.Params.section5 }}
|
||||
{{- $title := index $section5 "title" }}
|
||||
{{- $subtitle := index $section5 "subtitle" }}
|
||||
{{- $tiles := index $section5 "tiles" }}
|
||||
<section class="section section-feature-grey is-medium" id="section1">
|
||||
<div class="container">
|
||||
<div class="title-wrapper has-text-centered">
|
||||
<h2 class="title is-2 is-spaced">Contact Us</h2>
|
||||
<h3 class="subtitle is-5 is-muted">Complete the form below, and we will get in contact with you shortly!</h3>
|
||||
<h2 class="title is-2">{{ $title }}</h2>
|
||||
<h3 class="subtitle is-5 is-muted">{{ $subtitle }}</h3>
|
||||
<div class="divider is-centered"></div>
|
||||
</div>
|
||||
{{ partial "contact_form.html" . }}
|
||||
|
||||
<div class="content-wrapper">
|
||||
<div class="columns">
|
||||
{{- range $tiles }}
|
||||
<div class="column is-one-third">
|
||||
<div class="feature-card {{ .class }} is-bordered has-text-centered revealOnScroll delay-1" data-animation="fadeInLeft">
|
||||
<div class="card-title">
|
||||
<h4>{{ .title }}</h4>
|
||||
</div>
|
||||
<div class="card-icon">
|
||||
<img src="{{ printf "/images/illustrations/icons/%s.svg" .icon | relURL }}">
|
||||
</div>
|
||||
<div class="card-text">
|
||||
<p>{{ .text }}</p>
|
||||
</div>
|
||||
<div class="card-action">
|
||||
<a href="{{ .url }}" class="button btn-align-md accent-btn raised">{{ .buttonText }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{- end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -139,3 +139,49 @@ div.admonition p.last {
|
|||
}
|
||||
|
||||
|
||||
.tooltip {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
|
||||
}
|
||||
|
||||
.tooltip .tooltiptext {
|
||||
visibility: hidden;
|
||||
width: 360px;
|
||||
background-color: black;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 6px;
|
||||
padding: 5px 0;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 150%;
|
||||
left: 50%;
|
||||
margin-left: -160px;
|
||||
}
|
||||
|
||||
.tooltip .tooltiptext::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 100%;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
border-width: 5px;
|
||||
border-style: solid;
|
||||
border-color: transparent transparent black transparent;
|
||||
}
|
||||
|
||||
|
||||
/* Show the tooltip text when you mouse over the tooltip container */
|
||||
.tooltip:hover .tooltiptext {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.cookie_settings a {
|
||||
display: block;
|
||||
padding-top: 20px;
|
||||
color: #98a9c3;;
|
||||
}
|
||||
.cookie_settings a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 200 KiB |
|
|
@ -0,0 +1,116 @@
|
|||
// obtain plugin
|
||||
var cc = initCookieConsent();
|
||||
|
||||
var update_consent_with_3rd_parties = function (saved_cookie_content) {
|
||||
if(saved_cookie_content.categories.includes('targeting')) {
|
||||
gtag('consent', 'update', {'ad_storage': 'granted'});
|
||||
} else {
|
||||
gtag('consent', 'update', {'ad_storage': 'denied'});
|
||||
}
|
||||
if(saved_cookie_content.categories.includes('analytics')) {
|
||||
window.clarity('consent');
|
||||
gtag('consent', 'update', {'analytics_storage': 'granted'});
|
||||
} else {
|
||||
window.clarity('stop')
|
||||
gtag('consent', 'update', {'analytics_storage': 'denied'});
|
||||
}
|
||||
};
|
||||
|
||||
// run plugin with your configuration
|
||||
cc.run({
|
||||
current_lang: 'en',
|
||||
autoclear_cookies: true, // default: false
|
||||
page_scripts: true, // default: false
|
||||
|
||||
// mode: 'opt-in' // default: 'opt-in'; value: 'opt-in' or 'opt-out'
|
||||
// delay: 0, // default: 0
|
||||
// auto_language: null // default: null; could also be 'browser' or 'document'
|
||||
// autorun: true, // default: true
|
||||
// force_consent: false, // default: false
|
||||
// hide_from_bots: true, // default: true
|
||||
// remove_cookie_tables: false // default: false
|
||||
// cookie_name: 'cc_cookie', // default: 'cc_cookie'
|
||||
// cookie_expiration: 182, // default: 182 (days)
|
||||
// cookie_necessary_only_expiration: 182 // default: disabled
|
||||
// cookie_domain: location.hostname, // default: current domain
|
||||
// cookie_path: '/', // default: root
|
||||
// cookie_same_site: 'Lax', // default: 'Lax'
|
||||
// use_rfc_cookie: false, // default: false
|
||||
// revision: 0, // default: 0
|
||||
|
||||
onFirstAction: function(user_preferences, cookie){
|
||||
// callback triggered only once
|
||||
},
|
||||
|
||||
onAccept: function (cookie) {
|
||||
update_consent_with_3rd_parties(cookie);
|
||||
},
|
||||
|
||||
onChange: function (cookie, changed_preferences) {
|
||||
update_consent_with_3rd_parties(cookie);
|
||||
},
|
||||
|
||||
languages: {
|
||||
'en': {
|
||||
consent_modal: {
|
||||
title: 'We use cookies!',
|
||||
description: 'The SpiffWorkflow website uses essential cookies to ensure its proper operation and tracking cookies to understand how you interact with it. The latter will be set only after consent. <button type="button" data-cc="c-settings" class="cc-link">Let me choose</button>',
|
||||
primary_btn: {
|
||||
text: 'Accept all',
|
||||
role: 'accept_all' // 'accept_selected' or 'accept_all'
|
||||
},
|
||||
secondary_btn: {
|
||||
text: 'Reject all',
|
||||
role: 'accept_necessary' // 'settings' or 'accept_necessary'
|
||||
}
|
||||
},
|
||||
settings_modal: {
|
||||
title: 'Cookie preferences',
|
||||
save_settings_btn: 'Save settings',
|
||||
accept_all_btn: 'Accept all',
|
||||
reject_all_btn: 'Reject all',
|
||||
close_btn_label: 'Close',
|
||||
cookie_table_headers: [
|
||||
{col1: 'Name'},
|
||||
{col2: 'Domain'},
|
||||
{col3: 'Expiration'},
|
||||
{col4: 'Description'}
|
||||
],
|
||||
blocks: [
|
||||
{
|
||||
title: 'Cookie usage 📢',
|
||||
description: 'We use cookies to ensure basic functions of our website and demo application function correctly, and to enhance your online experience. You can choose for each category to opt-in/out whenever you want. For more details relative to cookies and other sensitive data, please read the full <a href="/pages/privacy_policy/" class="cc-link">privacy policy</a>.'
|
||||
}, {
|
||||
title: 'Strictly necessary cookies',
|
||||
description: 'These cookies are essential for the proper functioning of the website. Without these cookies, the website would not work properly',
|
||||
toggle: {
|
||||
value: 'necessary',
|
||||
enabled: true,
|
||||
readonly: true // cookie categories with readonly=true are all treated as "necessary cookies"
|
||||
}
|
||||
}, {
|
||||
title: 'Performance and Analytics cookies',
|
||||
description: 'These cookies collect information about how you use the website, which pages you visited and which links you clicked on. All of the data is anonymized and cannot be used to identify you.',
|
||||
toggle: {
|
||||
value: 'analytics', // your cookie category
|
||||
enabled: false,
|
||||
readonly: false
|
||||
},
|
||||
}, {
|
||||
title: 'Advertisement and Targeting cookies',
|
||||
description: 'We do not use Advertisement and Targeting cookies on this website.',
|
||||
toggle: {
|
||||
value: 'targeting',
|
||||
enabled: false,
|
||||
readonly: false
|
||||
}
|
||||
}, {
|
||||
title: 'More information',
|
||||
description: 'For any queries in relation to our policy on cookies and your choices, please <a class="cc-link" href="#yourcontactpage">contact us</a>.',
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -11,6 +11,9 @@
|
|||
<div class="footer-logo">
|
||||
<img src="{{ printf "/images/logos/%s" $logo | relURL }}">
|
||||
</div>
|
||||
<div class="cookie_settings">
|
||||
<a data-cc="c-settings">Show cookie settings</a>
|
||||
</div>
|
||||
</div>
|
||||
{{- range $quickLinks }}
|
||||
<div class="column">
|
||||
|
|
@ -43,7 +46,6 @@
|
|||
{{- end }}
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
{{- if $bulmaLogo }}
|
||||
<a href="https://bulma.io" target="_blank">
|
||||
<img src="{{ "/images/logos/made-with-bulma.png" | relURL }}" alt="Made with Bulma" width="128" height="24">
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@
|
|||
{{- $subtitle := index $hero "subtitle" }}
|
||||
{{- $buttonText := index $hero "buttontext" }}
|
||||
{{- $buttonLink := index $hero "buttonlink" }}
|
||||
{{- $buttonOnClick := index $hero "buttononclick" }}
|
||||
{{- $image := index $hero "image" }}
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
|
|
@ -17,7 +18,7 @@
|
|||
</h2>
|
||||
{{ end }}
|
||||
<p>
|
||||
<a class="button cta rounded primary-btn raised" href="{{ $buttonLink }}">
|
||||
<a class="button cta rounded primary-btn raised" href="{{ $buttonLink }}" onclick="{{ $buttonOnClick | safeJS }}">
|
||||
{{ $buttonText }}
|
||||
</a>
|
||||
</p>
|
||||
|
|
|
|||
Loading…
Reference in New Issue