Infra 2143 - Redesign for the newsletter thank you page
Change-Id: Ifb9c7b62b47a80b5577d822c22020c1877bc046b
Signed-off-by: Eric Poirier <eric@eclipse.org>
diff --git a/assets/public/stylesheets/thankyou.min.css b/assets/public/stylesheets/thankyou.min.css
index 034838e..4891dd2 100644
--- a/assets/public/stylesheets/thankyou.min.css
+++ b/assets/public/stylesheets/thankyou.min.css
@@ -1 +1 @@
-.container-thankyou .thankyou{padding-bottom:20px}.container-thankyou .thankyou .thankyou-title{color:#3f3b60;font-size:35px;padding-top:0;font-style:normal}.container-thankyou .thankyou .thankyou-title span{font-weight:bold}.container-thankyou .thankyou .direct-link .download-link-msg{padding-top:10px;color:#7c7a8f;font-size:15px}.container-thankyou .thankyou .direct-link .download-link-msg a{color:#3f3b60}.container-thankyou .newsletter{padding-bottom:2em;background-color:#f2f2f2}.container-thankyou .newsletter .triangle-newsletter{padding-top:3em;margin:auto;width:0;height:0;border-style:solid;border-width:40px 100px 0 100px;-moz-transform:scale(.9999);border-color:#fff transparent transparent transparent}.container-thankyou .newsletter .newsletter-box{padding-top:1.5em;padding-left:3em;padding-right:3em;color:#cbcbcb;background-color:#232325}.container-thankyou .newsletter .newsletter-box hr{border-top:1px solid #49494b}.container-thankyou .newsletter .newsletter-box #signup_1{font-size:2em}.container-thankyou .newsletter .newsletter-box #signup_2{font-size:1.5em}.container-thankyou .newsletter .newsletter-box #signup_2 .subscribe{color:#f2f2f2;font-weight:bold}.container-thankyou .newsletter .newsletter-box #signup_3 #mce-EMAIL{padding-left:.5em;color:#232325;height:3em}.container-thankyou .newsletter .newsletter-box #signup_3 #mc-embedded-subscribe{padding:.75em;padding-left:1.75em;padding-right:2em;margin:.75em;margin-right:1em;margin-bottom:1em}.container-thankyou .newsletter #newsletter-image{margin-left:2.5em}
\ No newline at end of file
+.container-thankyou .thankyou{padding-bottom:20px}.container-thankyou .thankyou .thankyou-title{color:#3f3b60;font-size:35px;padding-top:0;font-style:normal}.container-thankyou .thankyou .thankyou-title span{font-weight:bold}.container-thankyou .thankyou .direct-link .download-link-msg{padding-top:10px;color:#7c7a8f;font-size:15px}.container-thankyou .thankyou .direct-link .download-link-msg a{color:#3f3b60}.container-thankyou .newsletter{background-image:url('/downloads/images/thankyou/newsletter_header_bg.jpg');background-size:cover;background-repeat:no-repeat;background-position:top center;padding:80px 0 100px;font-family:'Lato',sans-serif}.container-thankyou .newsletter .newsletter-box{text-align:center}.container-thankyou .newsletter .newsletter-box .signup_1,.container-thankyou .newsletter .newsletter-box .signup_2{color:#fff}.container-thankyou .newsletter .newsletter-box .signup_1{font-size:3em;font-weight:200}.container-thankyou .newsletter .newsletter-box .signup_2{font-size:1.5em;font-weight:200;margin-bottom:20px;display:block}@media (max-width:768px){.container-thankyou .newsletter .newsletter-box .signup_3 .email{margin-bottom:15px}}.container-thankyou .newsletter #newsletter-image{margin-left:2.5em}
\ No newline at end of file
diff --git a/content/thankyou/newsletter.tpl.php b/content/thankyou/newsletter.tpl.php
index d323b5a..3a4a927 100644
--- a/content/thankyou/newsletter.tpl.php
+++ b/content/thankyou/newsletter.tpl.php
@@ -11,6 +11,7 @@
* Christopher Guindon (Eclipse Foundation)
*******************************************************************************/
// Record Stats
+ $App->AddExtraHtmlHeader('<link href="https://fonts.googleapis.com/css?family=Lato:300,400" rel="stylesheet">');
$App->AddExtraHtmlHeader('<link rel="stylesheet" href="/downloads/assets/public/stylesheets/thankyou.min.css"/>');
require_once($_SERVER['DOCUMENT_ROOT'] . "/eclipse.org-common/classes/friends/payment.class.php");
if (!isset($Payment)) {
@@ -26,20 +27,18 @@
<?php endif;?>
<div class="newsletter-body">
<div class="newsletter">
- <div class="triangle-newsletter triangle-white"></div>
<div class="container">
- <div class="newsletter-box col-lg-offset-4 col-lg-10 col-md-offset-3 col-md-12">
+ <div class="newsletter-box col-sm-12 col-sm-offset-6">
<div id="signup_text">
- <span id="signup_1"><em>Stay Up to Date</em></span><br />
- <span id="signup_2"><span class="subscribe">Subscribe</span> to the Eclipse Newsletter</span>
- <hr/>
- <div id="signup_3">
+ <span class="signup_1">Eclipse Newsletter</span><br />
+ <span class="signup_2">A fresh new issue delivered monthly</span>
+ <div class="signup_3">
<!-- Begin MailChimp Signup Form -->
- <form action="<?php print $Payment->get_gateway_process_url();?>" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
- <div class="container-newsletter-form bg-light rounded">
+ <form class="validate form-inline" action="<?php print $Payment->get_gateway_process_url();?>" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank" novalidate>
+ <div class="form-group">
<!-- <div id="req_msg"><span class="red">*</span> Indicates required</div>-->
<input type="hidden" name="type" value="newsletter"/>
- <input type="email" value="" name="email" class="email" id="mce-EMAIL" placeholder="Email" required>
+ <input type="email" value="" name="email" class="email form-control" id="mce-EMAIL" placeholder="Email" required>
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button btn btn-warning">
</div>
</form>
@@ -47,9 +46,6 @@
</div>
</div>
</div>
- <div id="newsletter-image" class="col-lg-5 col-md-6">
- <img src="/downloads/images/newsletter-image.png"/>
- </div>
</div>
</div>
</div>
diff --git a/images/thankyou/newsletter_header_bg.jpg b/images/thankyou/newsletter_header_bg.jpg
new file mode 100644
index 0000000..6e46e15
--- /dev/null
+++ b/images/thankyou/newsletter_header_bg.jpg
Binary files differ
