strategos
This commit is contained in:
Norm Rasmussen
BIN
NP_Custom_Templates/customer_templates/.DS_Store
vendored
BIN
NP_Custom_Templates/customer_templates/.DS_Store
vendored
Binary file not shown.
BIN
NP_Custom_Templates/customer_templates/G2/.DS_Store
vendored
Normal file
BIN
NP_Custom_Templates/customer_templates/G2/.DS_Store
vendored
Normal file
Binary file not shown.
@ -32,42 +32,72 @@
|
||||
.np-card {
|
||||
padding: 25px 30px !important;
|
||||
}
|
||||
|
||||
.np-card-content {
|
||||
padding: 10px 50px 40px;
|
||||
padding: 16px 25px 25px;
|
||||
}
|
||||
|
||||
.np-card-container {
|
||||
box-shadow: 0px 0px 0px 1px #d8d8d8 inset;
|
||||
border-radius:8px;
|
||||
}
|
||||
|
||||
.np-card-content-title {
|
||||
color: rgb(38, 49, 61);
|
||||
font-size: 28px;
|
||||
font-size: 24px;
|
||||
line-height:26px;
|
||||
font-weight: 800;
|
||||
text-decoration: none;
|
||||
height: 65px;
|
||||
margin: 10px 0 20px;
|
||||
overflow: clip;
|
||||
}
|
||||
|
||||
.np-card-content-subtitle {
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
color: rgba(0,0,0,.75);
|
||||
height: 100px;
|
||||
margin-top: 10px;
|
||||
|
||||
}
|
||||
|
||||
.np-card-content-lessons {
|
||||
color: rgb(38, 49, 61);
|
||||
font-weight: 800;
|
||||
font-size: 21px;
|
||||
font-size: 16px;
|
||||
margin-top: 20px;
|
||||
line-height: 26px;
|
||||
line-height: 22px;
|
||||
}
|
||||
.np-card-content-footer {
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*.np-card-content-footer {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.np-button {
|
||||
height: 53px;
|
||||
border-radius: 100px;
|
||||
padding: 12px 45px;
|
||||
}
|
||||
|
||||
.np-card-content-progress {
|
||||
font-size: 18px;
|
||||
margin: auto 0;
|
||||
}*/
|
||||
|
||||
@media (min-width:768px) {
|
||||
.np-card-content-title {
|
||||
font-size: 28px;
|
||||
line-height:26px;
|
||||
}
|
||||
|
||||
.np-card-content-lessons {
|
||||
font-size: 21px;
|
||||
line-height: 29px;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -10,7 +10,7 @@
|
||||
{{ course.name }}
|
||||
</div>
|
||||
<div class='np-course-header-right-short'>
|
||||
Learn the basics of profile value, how to customize your profile to catch the eyes of more buyers, and demand capture 101.
|
||||
{{ course.full_description }}
|
||||
</div>
|
||||
<div class='np-course-header-right-button'>
|
||||
{% include "course_progress_and_cta" %}
|
||||
@ -57,21 +57,23 @@
|
||||
.np-course-header {
|
||||
display: flex;
|
||||
border-bottom: 1px solid #d6d6d6;
|
||||
padding-bottom: 40px;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
.np-top-image {
|
||||
height: 400;
|
||||
max-height: 400px;
|
||||
max-width:100%;
|
||||
width:50%;
|
||||
margin: auto 0;
|
||||
}
|
||||
.np-course-header-right {
|
||||
padding-left: 50px;
|
||||
padding-left: 32px;
|
||||
}
|
||||
.np-course-header-right-name {
|
||||
color: rgb(38, 49, 61);
|
||||
font-size: 50px;
|
||||
font-size: 40px;
|
||||
font-weight: 800;
|
||||
margin-bottom: 25px;
|
||||
margin-top: 40px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
.np-course-header-right-short {
|
||||
color: rgb(38, 49, 61);
|
||||
@ -82,9 +84,11 @@
|
||||
.np-course-bottom {
|
||||
display: flex;
|
||||
margin-top: 70px;
|
||||
justify-content:space-between;
|
||||
}
|
||||
.np-course-bottom-left{
|
||||
width: 70%;
|
||||
width: 50%;
|
||||
max-width:450px;
|
||||
}
|
||||
.np-course-bottom-left-title {
|
||||
font-weight: 900;
|
||||
@ -112,7 +116,8 @@
|
||||
font-weight: 400;
|
||||
}
|
||||
.np-course-bottom-right {
|
||||
margin-left: 110px;
|
||||
margin-left: 50px;
|
||||
width:50%
|
||||
}
|
||||
.np-course-bottom-right-title {
|
||||
font-weight: 900;
|
||||
@ -124,4 +129,31 @@
|
||||
font-weight: 400;
|
||||
color: rgb(10, 10, 10);
|
||||
}
|
||||
</style>
|
||||
|
||||
@media (min-width:1200px) {
|
||||
.np-top-image {
|
||||
max-height: 450px;
|
||||
}
|
||||
|
||||
.np-course-header {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.np-course-header-right {
|
||||
padding-left: 100px;
|
||||
}
|
||||
|
||||
.np-course-header-right-name {
|
||||
font-size: 50px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.np-course-bottom-left{
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.np-course-bottom-right {
|
||||
margin-left: 110px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,134 @@
|
||||
<div class="np-card-container np-card-padding-large">
|
||||
|
||||
<div class='np-mobile-course-header-wrapper'>
|
||||
|
||||
<div class='np-mobile-course-header'>
|
||||
<div class='np-course-header-name'>
|
||||
{{ course.name }}
|
||||
</div>
|
||||
<div class='np-course-header-right-short'>
|
||||
{{ course.full_description }}
|
||||
</div>
|
||||
<div class='np-course-header-button'>
|
||||
{% include "course_progress_and_cta" %}
|
||||
</div>
|
||||
</div>
|
||||
<img
|
||||
src="{{ course.image_url }}"
|
||||
class="np-top-image np-top-image-spacing"
|
||||
alt="{{ course.name }}"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if course.progress == 0 %}
|
||||
|
||||
<div class="np-card-container np-card-padding">
|
||||
{% comment %} {% include "course_outline" %} {% endcomment %}
|
||||
<div class='np-course-outline-mobile'>
|
||||
<div class='np-course-bottom-left-title'>
|
||||
Curriculum
|
||||
</div>
|
||||
<div class='np-course-bottom-left-outline'>
|
||||
{% for section in course.sections %}
|
||||
<div class='np-course-bottom-left-outline-section'>
|
||||
{{ section.name }}
|
||||
</div>
|
||||
{% for activity in section.activities %}
|
||||
<div class='np-course-bottom-left-outline-activity'>
|
||||
{{ activity.title }}
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="np-card-container np-card-padding course-description-mobile">
|
||||
{% include "course_description" %}
|
||||
</div>
|
||||
{% else %}
|
||||
|
||||
<div class="np-card-container np-card-padding course-description-mobile">
|
||||
{% include "course_description" %}
|
||||
</div>
|
||||
<div class="np-card-container np-card-padding">
|
||||
{% comment %} {% include "course_outline" %} {% endcomment %}
|
||||
<div class='np-course-outline-mobile'>
|
||||
<div class='np-course-bottom-left-title'>
|
||||
Curriculum
|
||||
</div>
|
||||
<div class='np-course-bottom-left-outline'>
|
||||
{% for section in course.sections %}
|
||||
<div class='np-course-bottom-left-outline-section'>
|
||||
{{ section.name }}
|
||||
</div>
|
||||
{% for activity in section.activities %}
|
||||
<div class='np-course-bottom-left-outline-activity'>
|
||||
{{ activity.title }}
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if course.categories.any? %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "course_categories" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if course.instructors.any? %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "course_instructors" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if course.events.any? %}
|
||||
<div class="np-card-container np-card-padding np-card-spacing">
|
||||
{% include "course_events" %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<style>
|
||||
.np-mobile-course-header-wrapper {
|
||||
padding-bottom:50px;
|
||||
border-bottom: 1px solid #d6d6d6;
|
||||
}
|
||||
|
||||
.np-mobile-course-header-wrapper img {
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.np-mobile-course-header .np-course-header-name {
|
||||
font-size: 36px;
|
||||
line-height: 42px;
|
||||
font-weight:800;
|
||||
margin-bottom:25px;
|
||||
}
|
||||
|
||||
.np-mobile-course-header .np-course-header-button {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.np-mobile-course-header .np-course-header-button .np-button {
|
||||
width:auto;
|
||||
}
|
||||
|
||||
#course-mobile .np-card-container {
|
||||
margin-top:0;
|
||||
}
|
||||
|
||||
.course-description-mobile .np-card-heading {
|
||||
font-size:24px;
|
||||
line-height:24px;
|
||||
margin-bottom:8px;
|
||||
}
|
||||
|
||||
.course-description-mobile .np-card-text,
|
||||
.course-description-mobile .np-card-text p {
|
||||
font-size:16px!important;
|
||||
line-height:22px!important;
|
||||
}
|
||||
</style>
|
||||
@ -17,8 +17,9 @@
|
||||
|
||||
<style>
|
||||
.np-catalog-courses {
|
||||
width: 70%;
|
||||
margin: 40px auto;
|
||||
width: 100%;
|
||||
max-width: 1290px;
|
||||
}
|
||||
.np-card {
|
||||
padding: 20px;
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<footer class="np-footer">
|
||||
<div class='footer-top'>
|
||||
{% comment %} <div class='footer-top'>
|
||||
<ul class='footer-top-column'>
|
||||
<img src="//sell.g2.com/hubfs/raw_assets/public/apex/base/img/g2-chev-red.svg" class="float-left show-for-medium" style="width:20px;margin:15px 0 0 -29px;position: absolute;" alt="">
|
||||
<li class='footer-top-column-title'>
|
||||
@ -125,7 +125,7 @@
|
||||
© 2022, G2.com, Inc. All Rights Reserved.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endcomment %}
|
||||
</footer>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap');
|
||||
|
||||
@ -11,8 +11,16 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<script> window.intercomSettings = { app_id: "hal1rveh" }; </script>
|
||||
{% comment %} <script> window.intercomSettings = { app_id: "hal1rveh" }; </script>
|
||||
<script>
|
||||
(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/hal1rveh';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();
|
||||
</script>
|
||||
<style> .intercom-lightweight-app-launcher { float: right; bottom: 45px !important; margin-right: 40px; } </style>
|
||||
<style> .intercom-lightweight-app-launcher { float: right; bottom: 45px !important; margin-right: 40px; } </style> {% endcomment %}
|
||||
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700;800&display=swap');
|
||||
|
||||
body {
|
||||
font-family: "Barlow", sans-serif !important;
|
||||
}
|
||||
</style>
|
||||
@ -1,4 +1,4 @@
|
||||
<header class="np-header np-header-color">
|
||||
{%comment%}<header class="np-header np-header-color">
|
||||
<div class="np-header-content">
|
||||
<div class="np-hidden-desktop np-header-mobile-menu-nav">
|
||||
{% if current_person.signed_in? %}
|
||||
@ -238,6 +238,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endcomment %}
|
||||
|
||||
{% include "messages" %}
|
||||
<style>
|
||||
@ -280,4 +281,4 @@
|
||||
#menu3:hover {
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@ -1,193 +0,0 @@
|
||||
<div class='events-wrapper' id="events">
|
||||
<div class='events'>
|
||||
<div class='events-header'>
|
||||
<div class='events-header-title'>
|
||||
Drive revenue & pipeline with strategies covered in G2 Office Hours.
|
||||
</div>
|
||||
<div class='events-header-subtitle'>
|
||||
Connect with some of the best in the biz for casual Zoom sessions. Learn strategies, share ideas, explore intent data, discuss product releases, and much more.
|
||||
</div>
|
||||
</div>
|
||||
<div class='events-event'>
|
||||
<div class='events-event-left'>
|
||||
<div class='events-event-left-title'>
|
||||
Operationalizing Buyer Intent
|
||||
</div>
|
||||
<div class='events-event-left-subtitle'>
|
||||
Pipeline. Revenue. Yes to all of it! Let's chat about how you can leverage Buyer Intent and market like you mean it.
|
||||
</div>
|
||||
<div class='events-event-left-date'>
|
||||
January 27, 2022 @ 2PM EST
|
||||
</div>
|
||||
<button class='events-event-left-button'>
|
||||
Register
|
||||
</button>
|
||||
</div>
|
||||
<div class='events-event-right'>
|
||||
<div class='events-event-right-title'>
|
||||
Hosts
|
||||
</div>
|
||||
<div class='events-event-right-person'>
|
||||
<img class='events-event-right-person-image' src='https://sell.g2.com/hs-fs/hubfs/g2-office-hours-robin-headshot.png?width=80&name=g2-office-hours-robin-headshot.png'>
|
||||
<div class='events-event-right-person-right'>
|
||||
<div class='events-event-right-person-right-name'>
|
||||
Robin Izsak-Tseng
|
||||
</div>
|
||||
<div class='events-event-right-person-right-title'>
|
||||
VP, Revenue Marketing
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='events-event-right-person'>
|
||||
<img class='events-event-right-person-image' src='https://sell.g2.com/hs-fs/hubfs/g2-office-hours-lishen-headshot.png?width=80&name=g2-office-hours-lishen-headshot.png'>
|
||||
<div class='events-event-right-person-right'>
|
||||
<div class='events-event-right-person-right-name'>
|
||||
Lishen Lu
|
||||
</div>
|
||||
<div class='events-event-right-person-right-title'>
|
||||
Sr. Mgr, Growth Marketing
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class='events-event'>
|
||||
<div class='events-event-left'>
|
||||
<div class='events-event-left-title'>
|
||||
How to Drive More G2 Reviews
|
||||
</div>
|
||||
<div class='events-event-left-subtitle'>
|
||||
Increase your review numbers with helpful tips, tricks, and tools.
|
||||
</div>
|
||||
<div class='events-event-left-date'>
|
||||
February TBD
|
||||
</div>
|
||||
<button class='events-event-left-button'>
|
||||
Register
|
||||
</button>
|
||||
</div>
|
||||
<div class='events-event-right'>
|
||||
<div class='events-event-right-title'>
|
||||
Host
|
||||
</div>
|
||||
<div class='events-event-right-person'>
|
||||
<img class='events-event-right-person-image' src='https://sell.g2.com/hs-fs/hubfs/g2-office-hours-rachel-headshot.png?width=80&name=g2-office-hours-rachel-headshot.png'>
|
||||
<div class='events-event-right-person-right'>
|
||||
<div class='events-event-right-person-right-name'>
|
||||
Rachel G.
|
||||
</div>
|
||||
<div class='events-event-right-person-right-title'>
|
||||
Associate Product Manager
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.events-wrapper {
|
||||
background-image: url('https://sell.g2.com/hubfs/G2U-office-hours-social_background.svg');
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
.events {
|
||||
width: 70%;
|
||||
margin: auto;
|
||||
padding: 120px 0;
|
||||
}
|
||||
.events-header {
|
||||
width: 55%;
|
||||
margin: auto;
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
.events-header-title {
|
||||
font-size: 43px;
|
||||
font-weight: 800;
|
||||
text-align: center;
|
||||
}
|
||||
.events-header-subtitle {
|
||||
font-size: 21px;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
margin-top: 40px;
|
||||
}
|
||||
.events-event {
|
||||
width: 70%;
|
||||
margin: 20px auto;
|
||||
background: rgb(255, 251, 238);
|
||||
padding: 50px 60px;
|
||||
display: flex;
|
||||
border-radius: 5px;
|
||||
box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 20px 10px;
|
||||
|
||||
}
|
||||
.events-event-left {
|
||||
width: 55%;
|
||||
}
|
||||
.events-event-left-title {
|
||||
font-size: 28px;
|
||||
font-weight: 800;
|
||||
color: rgb(6, 40, 70);
|
||||
margin: 10px 0 20px;
|
||||
}
|
||||
.events-event-left-subtitle {
|
||||
font-size: 21px;
|
||||
font-weight: 400;
|
||||
color: rgba(0, 0, 0, 0.75);
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.events-event-left-date {
|
||||
font-size: 21px;
|
||||
font-weight: 800;
|
||||
color: rgb(6, 40, 70);
|
||||
margin: 10px 0;
|
||||
}
|
||||
.events-event-left-button {
|
||||
background: none;
|
||||
border: 2px solid rgb(6, 40, 70);
|
||||
color: rgb(6, 40, 70);
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
padding: 12px 45px;
|
||||
margin-top: 40px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
.events-event-right {
|
||||
margin-left: 70px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.events-event-right-title {
|
||||
font-size: 21px;
|
||||
font-weight: 800;
|
||||
color: rgb(155, 169, 181);
|
||||
margin-top: 10px;
|
||||
}
|
||||
.events-event-right-person {
|
||||
display: flex;
|
||||
margin: 30px 0;
|
||||
}
|
||||
.events-event-right-person-image {
|
||||
border-radius: 50%;
|
||||
height: 52px;
|
||||
}
|
||||
.events-event-right-person-right {
|
||||
margin-left: 20px;
|
||||
}
|
||||
.events-event-right-person-right-name {
|
||||
color: rgb(6, 40, 70);
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
.events-event-right-person-right-title {
|
||||
color: rgb(38, 49, 61);
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
</style>
|
||||
10
NP_Custom_Templates/customer_templates/G2/course.html.liquid
Normal file
10
NP_Custom_Templates/customer_templates/G2/course.html.liquid
Normal file
@ -0,0 +1,10 @@
|
||||
{% comment %} {% include "header" %} {% endcomment %}
|
||||
<main class="np-main np-max-width np-page-container">
|
||||
<div class="np-hidden-mobile" id="course-desktop">
|
||||
{% include "course_desktop_view" %}
|
||||
</div>
|
||||
<div class="np-hidden-desktop" id="course-mobile">
|
||||
{% include "course_mobile_view" %}
|
||||
</div>
|
||||
</main>
|
||||
{% comment %} {% include "footer" %} {% endcomment %}
|
||||
@ -1,4 +1,4 @@
|
||||
{% include "header" %}
|
||||
{% comment %} {% include "header" %} {% endcomment %}
|
||||
{% include "course_version_outdated_alert", courses: courses.featured %}
|
||||
<main class="np-main np-homepage">
|
||||
<div class="np-homepage-hero">
|
||||
@ -14,61 +14,106 @@
|
||||
<div class="np-homepage-subheadline np-header-font-color">
|
||||
{{ homepage.subheadline }}
|
||||
</div>
|
||||
<div class='np-homepage-buttons'>
|
||||
<a class="np-homepage-hero-cta np-button" href="#courses">
|
||||
Choose your course
|
||||
</a>
|
||||
<a class="np-homepage-hero-cta np-button" href="#events">
|
||||
Join Office Hours
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% include 'courses_catalog' %}
|
||||
{% include 'homepage_events' %}
|
||||
</main>
|
||||
{% include "footer" %}
|
||||
{% comment %} {% include "footer" %} {% endcomment %}
|
||||
|
||||
<style>
|
||||
body {
|
||||
background: #FEFEFE
|
||||
}
|
||||
body { background: #FEFEFE; }
|
||||
.np-main {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.np-powered-by {
|
||||
background: rgb(6, 40, 70);
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.np-homepage-hero-image {
|
||||
.np-powered-by {
|
||||
background: rgb(6, 40, 70);
|
||||
}
|
||||
|
||||
.np-homepage-hero-content {
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.np-homepage-hero .np-homepage-hero-image {
|
||||
display:none;
|
||||
max-height: 612px;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
.np-homepage-hero-logo {
|
||||
|
||||
.np-homepage-hero .np-homepage-hero-logo {
|
||||
width: 125px;
|
||||
}
|
||||
.np-homepage-headline {
|
||||
font-size: 67px !important;
|
||||
font-weight: 800 !important;
|
||||
|
||||
.np-homepage-hero .np-homepage-headline {
|
||||
font-size: 35px;
|
||||
line-height: 45px;
|
||||
font-weight: 800;
|
||||
margin:10px auto 30px;
|
||||
}
|
||||
.np-homepage-subheadline {
|
||||
color: rgb(38, 49, 61) !important;
|
||||
font-size: 28px !important;
|
||||
font-weight: 400 !important;
|
||||
max-width: 630px !important;
|
||||
line-height: 1.2;
|
||||
|
||||
.np-homepage-hero .np-homepage-subheadline {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
max-width: 600px;
|
||||
font-weight:400;
|
||||
color: rgb(38, 49, 61);
|
||||
}
|
||||
.np-homepage-buttons {
|
||||
display: flex;
|
||||
margin: 25px auto;
|
||||
|
||||
.np-homepage-hero .np-homepage-buttons {
|
||||
display: block;
|
||||
margin-bottom: 30px auto 0;
|
||||
justify-content: center;
|
||||
}
|
||||
.np-homepage-hero-cta {
|
||||
height: 53px !important;
|
||||
border-radius: 100px !important;
|
||||
padding: 12px 45px !important;
|
||||
margin: 0 15px !important;
|
||||
|
||||
.np-homepage-hero .np-homepage-hero-cta.np-button {
|
||||
margin: 20px 15px 0 !important;
|
||||
font-size: 16px;
|
||||
height:53px;
|
||||
border-radius:100px;
|
||||
padding: 12px 45px;
|
||||
}
|
||||
|
||||
@media (min-width:992px) {
|
||||
|
||||
.np-homepage-hero .np-homepage-hero-content {
|
||||
padding: 50px 32px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.np-homepage-hero .np-homepage-hero-image {
|
||||
display:block;
|
||||
min-height:475px;
|
||||
}
|
||||
|
||||
.np-homepage-hero .np-homepage-headline {
|
||||
font-size: 55px;
|
||||
line-height:72px;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.np-homepage-hero .np-homepage-subheadline {
|
||||
font-size: 24px;
|
||||
line-height: 31px;
|
||||
}
|
||||
|
||||
.np-homepage-hero .np-homepage-buttons {
|
||||
display: flex;
|
||||
margin-top:30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:1200px) {
|
||||
.np-homepage-hero .np-homepage-hero-content {
|
||||
padding: 70px 32px;
|
||||
}
|
||||
|
||||
.np-homepage-hero .np-homepage-subheadline {
|
||||
max-width: 760px;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<script>
|
||||
|
||||
@ -0,0 +1,19 @@
|
||||
{% styles default %}
|
||||
{% styles colors %}
|
||||
{% styles custom %}
|
||||
{% if current_person.signed_in? %}
|
||||
{% for group in current_person.groups %}
|
||||
{% if group.id == '4c891447-6820-4882-8b58-f261f279b80d' or group.id == '4e45477f-1cb2-4852-b250-9f705004ab38' %}
|
||||
{% assign today = 'now' | date: '%s' | plus: 0 %}
|
||||
{% assign end_of_demo = group.enrolled_at | date: '%s' | plus: 1209600 %}
|
||||
{% if today > end_of_demo %}
|
||||
<script>
|
||||
if (window.location.pathname != '/app/deactivation') {
|
||||
window.location.replace('/app/deactivation');
|
||||
}
|
||||
</script>
|
||||
{% endif %}
|
||||
{% break %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
@ -0,0 +1,34 @@
|
||||
{% if current_person.signed_in? %}
|
||||
{% for group in current_person.groups %}
|
||||
{% if group.id == '4c891447-6820-4882-8b58-f261f279b80d' or group.id == '4e45477f-1cb2-4852-b250-9f705004ab38' %}
|
||||
{% assign today = 'now' | date: '%s' | plus: 0 %}
|
||||
{% assign end_of_demo = group.enrolled_at | date: '%s' | plus: 1209600 %}
|
||||
{% if today > end_of_demo %}
|
||||
<body>
|
||||
<div class='text'
|
||||
style="display: flex; margin: 200px auto; font-size: 44px; text-align: center; justify-content: center;"
|
||||
>Your trial has ended</div>
|
||||
</body>
|
||||
<script>
|
||||
var form_data = JSON.stringify({
|
||||
user_id: '{{ current_person.id }}',
|
||||
user_email: '{{ current_person.email }}'
|
||||
})
|
||||
var xhr = new XMLHttpRequest();
|
||||
var url = "https://www.workato.com/webhooks/rest/bd1a1eb7-7e79-4208-a1db-8e9c7440bcc9/deactivate_user";
|
||||
xhr.open("POST", url, true);
|
||||
xhr.send(form_data);
|
||||
</script>
|
||||
{% else %}
|
||||
<script>
|
||||
window.location.replace('/app')
|
||||
</script>
|
||||
{% endif %}
|
||||
{% break %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user