From 0c5e520e6fd18807c594dd1ca389aef0c91b1128 Mon Sep 17 00:00:00 2001 From: Sabe Jones Date: Fri, 30 Oct 2015 17:35:30 -0400 Subject: [PATCH] WIP(sharing): Incomplete landing page First stab at creating landing pages for inbound social traffic. May need a different solution. --- common/locales/en/front.json | 6 +++++- website/views/social/landing-page.jade | 25 +++++++++++++++++++++++++ website/views/social/level-up.jade | 14 +++++++++++++- 3 files changed, 43 insertions(+), 2 deletions(-) create mode 100644 website/views/social/landing-page.jade diff --git a/common/locales/en/front.json b/common/locales/en/front.json index 84cf7a03ee..c668d49443 100644 --- a/common/locales/en/front.json +++ b/common/locales/en/front.json @@ -179,5 +179,9 @@ "businessInquiries": "Business Inquiries", "merchandiseInquiries": "Merchandise Inquiries", "marketingInquiries": "Marketing/Social Media Inquiries", - "tweet": "Tweet" + "tweet": "Tweet", + "imagine1": "Imagine if improving your life was as fun as playing a game.", + "landingCopy1": "Advance in the game by completing your real-life tasks.", + "landingCopy2": "Battle monsters with friends to stay accountable to your goals.", + "landingCopy3": "Join over 300,000 people having fun as they improve their lives." } diff --git a/website/views/social/landing-page.jade b/website/views/social/landing-page.jade new file mode 100644 index 0000000000..e0aba35633 --- /dev/null +++ b/website/views/social/landing-page.jade @@ -0,0 +1,25 @@ +body(ng-controller='AuthCtrl').text-center + h1=env.t('imagine1') + ul + li=env.t('landingCopy1') + li=env.t('landingCopy2') + li=env.t('landingCopy3') + .container-fluid + .row + .col-md-6 + img.img-rendering-auto.center-block.img-responsive(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/intro.png') + .col-md-6 + p Login form here + button.btn.btn-primary.btn-lg Get Started Now! + a I already have an account! + .row + .presslogos + =env.t('featuredIn') + br + img(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/presslogos/lifehacker.png') + img(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/presslogos/nyt-logo.png') + img(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/presslogos/makeuseof.png') + img(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/presslogos/Forbes_logo.png') + img(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/presslogos/Cnetlogo.png') + img(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/presslogos/Fast-Company-logo.png') + img(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/presslogos/kickstarter-logo.png') diff --git a/website/views/social/level-up.jade b/website/views/social/level-up.jade index e88c5b7bca..a4f4b2047c 100644 --- a/website/views/social/level-up.jade +++ b/website/views/social/level-up.jade @@ -1,6 +1,12 @@ doctype html -html +html(ng-app='habitrpg') head + meta(charset='utf-8') + link(href='//fonts.googleapis.com/css?family=Lato:400,700', rel='stylesheet', type='text/css') + title Habitica | Your Life the Role Playing Game + script(type='text/javascript'). + window.env = !{JSON.stringify(env._.pick(env, env.clientVars))}; + != env.getManifestFiles("tmp_static_front") meta(name='twitter:card' content='summary') meta(name='twitter:site' content='@habitica') meta(name='twitter:title' content='Level Up!') @@ -13,3 +19,9 @@ html meta(property='og:site_name', content='Habitica') meta(property='og:image', content='https://s3.amazonaws.com/habitica-assets/assets/gryphon_logo_300x300.png') meta(property='fb:app_id', content='128307497299777') + script(type='text/javascript', src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.min.js') + script(type='text/javascript', src='https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.12.1/ui-bootstrap.min.js') + script(type='text/javascript', src='https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.12.1/ui-bootstrap-tpls.min.js') + link(rel='stylesheet', type='text/css', href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.min.css') + +include ./landing-page