Bike!Bike! Website!
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

147 lines
6.5 KiB

<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" name="viewport">
<title>Bike!Bike!</title>
<meta content="Bike!Bike! A conference for bike collectives, co-ops, non-profit DIY bike shops" name="description">
<link href="/assets/application/safari-7.css" rel="stylesheet" media="all" type="text/css"><link href="/assets/web-fonts/safari-7.css" rel="stylesheet" media="all" type="text/css">
<link href="/assets/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="/assets/favicon.ico" rel="icon" type="image/x-icon">
<link href="/apple-touch-icon.png" rel="apple-touch-icon">
<link href="/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72">
<link href="/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114">
<link href="/apple-touch-icon-144x144.png" rel="apple-touch-icon" sizes="144x144">
</head>
<body class="confirm">
<nav>
<div id="main-nav">
<div class="inner-nav">
<a class="logo" href="/"><img src="/assets/bb-icon-logo.png" class="sprite icons bb-icon-logo">
<img src="/assets/bb-icon-logo-text.png" class="sprite icons bb-icon-logo-text">
</a><div class="nav">
<a href="/"><span>My Bike!Bike!</span></a>
<a href="/about/"><span><span class="translated-content" data-i18n-key="page_titles.About_BikeBike" data-i18n-needs-translation="0">About Bike!Bike!</span></span></a>
<a href="/policy/"><span><span class="translated-content" data-i18n-key="page_titles.Safe_Space_Policy" data-i18n-needs-translation="0">Safer Space Agreement</span></span></a>
</div>
<div class="actions">
<a class="button register" href="/conferences/MyBikeBike/register/"><span class="translated-content" data-i18n-key="conference.actions.Register" data-i18n-needs-translation="0">Register</span>
</a></div>
</div>
</div>
</nav>
<main id="main">
<header id="banner">
<div class="short" id="header-title">
<svg>
<defs>
<filter id="saturate">
<feColorMatrix in="SourceGraphic" type="saturate" values=".25" result="A"></feColorMatrix>
</filter>
<image x="0" y="0" width="100%" height="100%" href="/assets/grafitti.jpg" id="banner-image" preserveAspectRatio="xMidYMid slice" filter="url(#saturate)"></image>
<filter id="banner-img" x="0" y="0" width="1" height="1">
<feImage href="#banner-image" result="banner-image"></feImage>
<feBlend mode="multiply" in="banner-image" in2="SourceGraphic"></feBlend>
</filter>
</defs>
<rect x="0" y="0" width="100%" height="100%" filter="url(#banner-img)"></rect>
</svg>
<h1><span class="translated-content" data-i18n-key="page_titles.403.Please_Confirm_Email" data-i18n-needs-translation="0">Please confirm your email</span></h1>
</div>
</header>
<div id="content"><article>
<div class="row"><div class="columns medium-12"><h2><span class="translated-content" data-i18n-key="articles.permission_denied.headings.confirm_email" data-i18n-needs-translation="0">Please confirm your email address</span></h2>
</div><div class="columns medium-6 large-5"><form action="/doconfirm/" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="✓">
<div class="email-field input-field">
<input type="email" name="email" id="email" required="required">
<label for="email"><span class="translated-content" data-i18n-key="forms.labels.generic.email" data-i18n-needs-translation="0">Email address</span></label>
</div>
<input type="hidden" name="token" id="token" value="test">
<span class="translated-content" data-i18n-key="forms.actions.generic.login" data-i18n-needs-translation="0"><button name="button" type="submit">Sign In</button></span>
</form>
</div></div>
</article>
</div>
</main>
<div id="footer">
<footer><div class="github">
<img src="/assets/bb-icon-github.png" class="sprite icons bb-icon-github">
<a href="https://github.com/bikebike/BikeBike/issues" target="_blank">
<span class="translated-content" data-i18n-key="links.footer.text.File_an_Issue" data-i18n-needs-translation="0">File an issue</span>
</a>
|
<a href="https://github.com/bikebike/BikeBike/contributing.md" target="_blank">
<span class="translated-content" data-i18n-key="links.footer.text.Help_contribute" data-i18n-needs-translation="0">Help contribute</span>
</a>
</div>
<div class="facebook">
<span class="translated-contentblock" data-i18n-key="links.footer.help_text.facebook" data-i18n-needs-translation="0"><a href="https://www.facebook.com/groups/648758205249998/" target="_blank" title="Join our Facebook group">
<img src="/assets/bb-icon-fb.png" class="sprite icons bb-icon-fb">
</a>
</span></div>
<div class="locale">
<span class="translated-contentblock" data-i18n-key="links.footer.help_text.select_language" data-i18n-needs-translation="0"><input id="select-language" type="checkbox">
<label class="launch" for="select-language" title="Change your language">
EN
</label>
<div class="selector">
<ul>
<li>
<a href="/confirm/test">
EN
</a>
<span>English</span>
</li>
</ul>
</div>
</span></div>
<div class="copy">
<span class="translated-contentblock" data-i18n-key="links.footer.help_text.contributors" data-i18n-needs-translation="0"><a title="Contributors" href="/humans.txt">©2015 Bike!Bike!
</a></span></div>
</footer>
</div>
<script>
(function() {
if (!String.prototype.trim) {
(function() {
var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
String.prototype.trim = function() {
return this.replace(rtrim, '');
};
})();
}
function classExists(elem,className){var p = new RegExp('(^| )'+className+'( |$)');return (elem.className && elem.className.match(p));}
function addClass(elem,className){if(classExists(elem,className)){return true;}elem.className += ' '+className;}
function removeClass(elem,className){var c = elem.className;var p = new RegExp('(^| )'+className+'( |$)');c = c.replace(p,' ').replace(/ /g,' ');elem.className = c.trim();}
[].slice.call(document.querySelectorAll('.input-field input')).forEach(function(inputEl) {
if (inputEl.value.trim() === '') {
inputEl.parentNode.className = inputEl.parentNode.className + ' empty';
}
inputEl.addEventListener('focus', onInputFocus);
inputEl.addEventListener('blur', onInputBlur);
});
function onInputFocus(ev) {
removeClass(ev.target.parentNode, 'empty')
}
function onInputBlur(ev) {
if (ev.target.value.trim() === '') {
addClass(ev.target.parentNode, 'empty');
}
}
})();
</script>
</body></html>