FogBugz #132: Switch from static welcome page to ERB template.
This commit is contained in:
Roland Jesse
parent
9ae86d4c6a
commit
3bf2941096
3 changed files with 52 additions and 49 deletions
3
app/controllers/welcome_controller.rb
Normal file
3
app/controllers/welcome_controller.rb
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
# -*- coding: utf-8; -*-
|
||||
class WelcomeController < ApplicationController
|
||||
end
|
||||
49
app/views/layouts/welcome.html.erb
Normal file
49
app/views/layouts/welcome.html.erb
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Contact-o-Rama: comming soon!</title>
|
||||
<style type="text/css" media="screen">
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #ffffff;
|
||||
font-family: Georgia, 'Palatino Linotype', Palatino, Georgia, 'Times New Roman', serif;
|
||||
color: #777;
|
||||
}
|
||||
.container { width: 70%; text-align: left; margin: 0 0 0 5%; position:absolute; top:30%; }
|
||||
.title { margin-bottom: 30px; }
|
||||
.signup_form { margin-top: 11ex; }
|
||||
h1 { font-weight: normal; font-size: 45px; display: inline; }
|
||||
h2 { font-weight: }
|
||||
p { font-size: 18px; }
|
||||
a { color: #777; text-decoration: none; }
|
||||
#logo-orange { color: orange; }
|
||||
#logo-black { color: black; }
|
||||
div.footer p, div.footer a {
|
||||
color: #aaa;
|
||||
font-size: 10px;
|
||||
margin-top: 3ex;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<%= yield %>
|
||||
<div class="footer">
|
||||
<p>© 2012 Tailorama · <a href="http://tailorama.com/impressum/">Impressum</a></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Piwik -->
|
||||
<script type="text/javascript">
|
||||
var pkBaseURL = (("https:" == document.location.protocol) ? "https://piwik.gasbottle-county.eu/" : "http://piwik.gasbottle-county.eu/");
|
||||
document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E"));
|
||||
</script><script type="text/javascript">
|
||||
try {
|
||||
var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 10);
|
||||
piwikTracker.trackPageView();
|
||||
piwikTracker.enableLinkTracking();
|
||||
} catch( err ) {}
|
||||
</script><noscript><p><img src="http://piwik.gasbottle-county.eu/piwik.php?idsite=10" style="border:0" alt="" /></p></noscript>
|
||||
<!-- End Piwik Tracking Code -->
|
||||
</body>
|
||||
</html>
|
||||
205
app/views/welcome/index.html.erb
Normal file
205
app/views/welcome/index.html.erb
Normal file
|
|
@ -0,0 +1,205 @@
|
|||
<div class="container">
|
||||
<div class="title"><h1><span id="logo-orange">Contact</span><span id="logo-black">-o-Rama</span> is in some stage of beta testing.</div>
|
||||
<div>
|
||||
<a href="mailto:%20?subject=Contact-o-Rama%20will%20be%20coming%20soon&body=http://contact-o-rama.com/">share by mail</a> ·
|
||||
<a href="http://twitter.com/home?status=Contact-o-Rama%20will%20be%20coming%20soon.%20http://contact-o-rama.com/ /via @tailorama">tweet about it</a> ·
|
||||
<a href="http://www.facebook.com/share.php?u=http://contact-o-rama.com/">facebook it</a>
|
||||
</div>
|
||||
|
||||
<div class="signup_form">
|
||||
<!-- Begin MailChimp Signup Form -->
|
||||
<!--[if IE]>
|
||||
<style type="text/css" media="screen">
|
||||
#mc_embed_signup fieldset {position: relative;}
|
||||
#mc_embed_signup legend {position: absolute; top: -1em; left: .2em;}
|
||||
</style>
|
||||
<![endif]-->
|
||||
<!--[if IE 7]>
|
||||
<style type="text/css" media="screen">
|
||||
.mc-field-group {overflow:visible;}
|
||||
</style>
|
||||
<![endif]-->
|
||||
|
||||
<div id="mc_embed_signup">
|
||||
<form action="http://tailorama.us1.list-manage2.com/subscribe/post?u=6f68ce32b2807dc179df640d0&id=1e5da17fad" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" style="font: normal 100% Arial, sans-serif;font-size: 10px;">
|
||||
<fieldset style="-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;border: 1px solid #ccc;padding-top: 1.5em;margin: .5em 0;background-color: #fff;color: #777;text-align: left;">
|
||||
<legend style="white-space: normal;text-transform: capitalize;font-weight: bold;color: #777;background: #fff;padding: .5em 1em;border: 1px solid #ccc;-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;font-size: 1.2em;"><span>get on invitation list</span></legend>
|
||||
<div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;">
|
||||
<label for="mce-EMAIL" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Email Address </label>
|
||||
<input type="text" value="" name="EMAIL" class="required email" id="mce-EMAIL" style="margin-right: 1.5em;padding: .2em .3em;width: 90%;float: left;z-index: 999;">
|
||||
</div>
|
||||
<div id="mce-responses" style="float: left;top: -1.4em;padding: 0em .5em 0em .5em;overflow: hidden;width: 90%;margin: 0 5%;clear: both;">
|
||||
<div class="response" id="mce-error-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: FBE3E4;color: #D12F19;"></div>
|
||||
<div class="response" id="mce-success-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #E3FBE4;color: #529214;"></div>
|
||||
</div>
|
||||
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn" style="clear: both;width: auto;display: block;margin: 1em 0 1em 5%;"></div>
|
||||
</fieldset>
|
||||
<a href="#" id="mc_embed_close" class="mc_embed_close" style="display: none;">Close</a>
|
||||
</form>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
var fnames = new Array();var ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';
|
||||
try {
|
||||
var jqueryLoaded=jQuery;
|
||||
jqueryLoaded=true;
|
||||
} catch(err) {
|
||||
var jqueryLoaded=false;
|
||||
}
|
||||
var head= document.getElementsByTagName('head')[0];
|
||||
if (!jqueryLoaded) {
|
||||
var script = document.createElement('script');
|
||||
script.type = 'text/javascript';
|
||||
script.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js';
|
||||
head.appendChild(script);
|
||||
if (script.readyState && script.onload!==null){
|
||||
script.onreadystatechange= function () {
|
||||
if (this.readyState == 'complete') mce_preload_check();
|
||||
}
|
||||
}
|
||||
}
|
||||
var script = document.createElement('script');
|
||||
script.type = 'text/javascript';
|
||||
script.src = 'http://downloads.mailchimp.com/js/jquery.form-n-validate.js';
|
||||
head.appendChild(script);
|
||||
var err_style = '';
|
||||
try{
|
||||
err_style = mc_custom_error_style;
|
||||
} catch(e){
|
||||
err_style = 'margin: 1em 0 0 0; padding: 1em 0.5em 0.5em 0.5em; background: FFEEEE none repeat scroll 0% 0%; font-weight: bold; float: left; z-index: 1; width: 80%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: FF0000;';
|
||||
}
|
||||
var head= document.getElementsByTagName('head')[0];
|
||||
var style= document.createElement('style');
|
||||
style.type= 'text/css';
|
||||
if (style.styleSheet) {
|
||||
style.styleSheet.cssText = '.mce_inline_error {' + err_style + '}';
|
||||
} else {
|
||||
style.appendChild(document.createTextNode('.mce_inline_error {' + err_style + '}'));
|
||||
}
|
||||
head.appendChild(style);
|
||||
setTimeout('mce_preload_check();', 250);
|
||||
|
||||
var mce_preload_checks = 0;
|
||||
function mce_preload_check(){
|
||||
if (mce_preload_checks>40) return;
|
||||
mce_preload_checks++;
|
||||
try {
|
||||
var jqueryLoaded=jQuery;
|
||||
} catch(err) {
|
||||
setTimeout('mce_preload_check();', 250);
|
||||
return;
|
||||
}
|
||||
try {
|
||||
var validatorLoaded=jQuery("#fake-form").validate({});
|
||||
} catch(err) {
|
||||
setTimeout('mce_preload_check();', 250);
|
||||
return;
|
||||
}
|
||||
mce_init_form();
|
||||
}
|
||||
function mce_init_form(){
|
||||
jQuery(document).ready( function($) {
|
||||
var options = { errorClass: 'mce_inline_error', errorElement: 'div', onkeyup: function(){}, onfocusout:function(){}, onblur:function(){} };
|
||||
var mce_validator = $("#mc-embedded-subscribe-form").validate(options);
|
||||
$("#mc-embedded-subscribe-form").unbind('submit');//remove the validator so we can get into beforeSubmit on the ajaxform, which then calls the validator
|
||||
options = { url: 'http://tailorama.us1.list-manage1.com/subscribe/post-json?u=6f68ce32b2807dc179df640d0&id=1e5da17fad&c=?', type: 'GET', dataType: 'json', contentType: "application/json; charset=utf-8",
|
||||
beforeSubmit: function(){
|
||||
$('#mce_tmp_error_msg').remove();
|
||||
$('.datefield','#mc_embed_signup').each(
|
||||
function(){
|
||||
var txt = 'filled';
|
||||
var fields = new Array();
|
||||
var i = 0;
|
||||
$(':text', this).each(
|
||||
function(){
|
||||
fields[i] = this;
|
||||
i++;
|
||||
});
|
||||
$(':hidden', this).each(
|
||||
function(){
|
||||
if ( fields[0].value=='MM' && fields[1].value=='DD' && fields[2].value=='YYYY' ){
|
||||
this.value = '';
|
||||
} else if ( fields[0].value=='' && fields[1].value=='' && fields[2].value=='' ){
|
||||
this.value = '';
|
||||
} else {
|
||||
this.value = fields[0].value+'/'+fields[1].value+'/'+fields[2].value;
|
||||
}
|
||||
});
|
||||
});
|
||||
return mce_validator.form();
|
||||
},
|
||||
success: mce_success_cb
|
||||
};
|
||||
$('#mc-embedded-subscribe-form').ajaxForm(options);
|
||||
|
||||
});
|
||||
}
|
||||
function mce_success_cb(resp){
|
||||
$('#mce-success-response').hide();
|
||||
$('#mce-error-response').hide();
|
||||
if (resp.result=="success"){
|
||||
$('#mce-'+resp.result+'-response').show();
|
||||
$('#mce-'+resp.result+'-response').html(resp.msg);
|
||||
$('#mc-embedded-subscribe-form').each(function(){
|
||||
this.reset();
|
||||
});
|
||||
} else {
|
||||
var index = -1;
|
||||
var msg;
|
||||
try {
|
||||
var parts = resp.msg.split(' - ',2);
|
||||
if (parts[1]==undefined){
|
||||
msg = resp.msg;
|
||||
} else {
|
||||
i = parseInt(parts[0]);
|
||||
if (i.toString() == parts[0]){
|
||||
index = parts[0];
|
||||
msg = parts[1];
|
||||
} else {
|
||||
index = -1;
|
||||
msg = resp.msg;
|
||||
}
|
||||
}
|
||||
} catch(e){
|
||||
index = -1;
|
||||
msg = resp.msg;
|
||||
}
|
||||
try{
|
||||
if (index== -1){
|
||||
$('#mce-'+resp.result+'-response').show();
|
||||
$('#mce-'+resp.result+'-response').html(msg);
|
||||
} else {
|
||||
err_id = 'mce_tmp_error_msg';
|
||||
html = '<div id="'+err_id+'" style="'+err_style+'"> '+msg+'</div>';
|
||||
|
||||
var input_id = '#mc_embed_signup';
|
||||
var f = $(input_id);
|
||||
if (ftypes[index]=='address'){
|
||||
input_id = '#mce-'+fnames[index]+'-addr1';
|
||||
f = $(input_id).parent().parent().get(0);
|
||||
} else if (ftypes[index]=='date'){
|
||||
input_id = '#mce-'+fnames[index]+'-month';
|
||||
f = $(input_id).parent().parent().get(0);
|
||||
} else {
|
||||
input_id = '#mce-'+fnames[index];
|
||||
f = $().parent(input_id).get(0);
|
||||
}
|
||||
if (f){
|
||||
$(f).append(html);
|
||||
$(input_id).focus();
|
||||
} else {
|
||||
$('#mce-'+resp.result+'-response').show();
|
||||
$('#mce-'+resp.result+'-response').html(msg);
|
||||
}
|
||||
}
|
||||
} catch(e){
|
||||
$('#mce-'+resp.result+'-response').show();
|
||||
$('#mce-'+resp.result+'-response').html(msg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
<!--End mc_embed_signup-->
|
||||
</div> <!-- End signup_form -->
|
||||
|
||||
<p><a href="/users/sign_in">Got an invite already? Then sign in!</a></p>
|
||||
Loading…
Add table
Add a link
Reference in a new issue