From 28f17d77e8a707d404aeadf3cb004cb659eb19a1 Mon Sep 17 00:00:00 2001 From: russellballestrini Date: Fri, 17 Aug 2018 21:52:45 -0400 Subject: [PATCH] YOLO funnel template This template removes most of the UI so that people in the funnel don't get distracted. modified: static/theme/meta/css/meta.css new file: templates/meta-base-funnel.j2 --- .../static/theme/meta/css/meta.css | 18 +++--- .../templates/meta-base-funnel.j2 | 60 +++++++++++++++++++ 2 files changed, 69 insertions(+), 9 deletions(-) create mode 100644 remarkbox_theme_meta/templates/meta-base-funnel.j2 diff --git a/remarkbox_theme_meta/static/theme/meta/css/meta.css b/remarkbox_theme_meta/static/theme/meta/css/meta.css index c7f13ee..fac5718 100644 --- a/remarkbox_theme_meta/static/theme/meta/css/meta.css +++ b/remarkbox_theme_meta/static/theme/meta/css/meta.css @@ -192,33 +192,33 @@ input.button-small { .green-button { background-color: rgba(var(--green), .8); - border-color: rgba(var(--green), .8); + border-color: rgba(var(--green), .8) !important; color: #FFFFFF !important; } .red-button { background-color: rgba(var(--red), .8); - border-color: rgba(var(--red), .8); + border-color: rgba(var(--red), .8) !important; color: #FFFFFF !important; } .blue-button { background-color: rgba(var(--blue), .8); - border-color: rgba(var(--blue), .8); + border-color: rgba(var(--blue), .8) !important; color: #FFFFFF !important; } .button-white { - color: rgba(var(--black), .50); - border-color: rgba(var(--black), .30); - border-width: 1px; background-color: rgba(var(--white), .60); + border-color: rgba(var(--black), .30) !important; + color: rgba(var(--black), .50) !important; + border-width: 1px; } .button-white:hover { - color: rgba(var(--black), 0.8); - border-color: rgba(var(--black), 0.6); background-color: rgba(var(--white), 1.0); + border-color: rgba(var(--black), 0.6) !important; + color: rgba(var(--black), 0.8) !important; } #payment-form, @@ -239,7 +239,7 @@ input.button-small { } #mc_embed_signup .button, .red { background-color: #AA0000; - border-color: #AA0000; + border-color: #AA0000 !important; color: #FFFFFF !important; } #mc_embed_signup .button:hover, .red:hover { diff --git a/remarkbox_theme_meta/templates/meta-base-funnel.j2 b/remarkbox_theme_meta/templates/meta-base-funnel.j2 new file mode 100644 index 0000000..51a11da --- /dev/null +++ b/remarkbox_theme_meta/templates/meta-base-funnel.j2 @@ -0,0 +1,60 @@ +{%- import 'snippets/snippets.j2' as snippets with context -%} +{% include 'snippets/owner-key-comment.j2' %} + + + + {% block title %}{{ request.app_domain }}{% endblock %} + + + + + + +{% include 'snippets/stylesheet-includes.j2' %} + + + + + +{% include 'snippets/javascript-includes.j2' %} + + + + + + + + + +
+ +
+ Remarkbox Logo +
+ + {% include 'snippets/flash-alerts.j2' %} + +
+ +
+ {% block content %} + {% endblock %} +
+ + +
+ + +
+ + +