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.
228 lines
14 KiB
228 lines
14 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="conferences conferences-register">
|
|
<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">
|
|
<form class="logout" action="/logout/" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="✓">
|
|
<input type="hidden" name="url" id="url" value="/conferences/MyBikeBike/register">
|
|
<span class="translated-content" data-i18n-key="forms.actions.generic.Log_out" data-i18n-needs-translation="0"><button name="button" type="submit">Sign out</button></span>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<main id="main">
|
|
<header id="banner">
|
|
<div class="short" id="header-title" style="background-image: url(/assets/empty-racks.jpg)">
|
|
|
|
|
|
<h1><span class="translated-content" data-i18n-key="page_titles.conferences.Conference_Registration" data-i18n-needs-translation="0">Conference Registration</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.conference_registration.headings.Registration_Info" data-i18n-needs-translation="0">Registration Info</span></h2>
|
|
</div><div class="columns medium-5 large-4"><p><span class="translated-content" data-i18n-key="articles.conference_registration.paragraphs.Registration_Info" data-i18n-needs-translation="0">Please fill in this registration form to help us prepare for your arrival to Guadalajara. If you wish to ask questions or tell us information we did not ask, please fill in the "More Info" field at the bottom of the page.</span></p>
|
|
</div><div class="columns medium-7 large-8"><form action="/conferences/MyBikeBike/register/" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="✓">
|
|
<h3><span class="translated-content" data-i18n-key="articles.conference_registration.headings.name" data-i18n-needs-translation="0">What is your name?</span></h3>
|
|
<div class="text-field input-field">
|
|
<label for="name"><span class="translated-content" data-i18n-key="forms.labels.generic.name" data-i18n-needs-translation="0">Name</span></label>
|
|
<input type="text" name="name" id="name" required="required">
|
|
</div>
|
|
<h3><span class="translated-content" data-i18n-key="articles.conference_registration.headings.location" data-i18n-needs-translation="0">Where are you coming from?</span></h3>
|
|
<div class="text-field input-field">
|
|
<label for="location"><span class="translated-content" data-i18n-key="forms.labels.generic.location" data-i18n-needs-translation="0">City, State/Province, Country</span></label>
|
|
<input type="text" name="location" id="location" required="required">
|
|
</div>
|
|
<h3><span class="translated-content" data-i18n-key="articles.conference_registration.headings.arrival_and_departure" data-i18n-needs-translation="0">For what days will you need housing? (If you don't need housing, just tell us how long you plan to hang out with Bike!Bike!)</span></h3>
|
|
<div class="date-span input-field">
|
|
<div class="date-labels">
|
|
<label for="arrival"><span class="translated-content" data-i18n-key="forms.labels.generic.arrival" data-i18n-needs-translation="0">Arrival date</span></label>
|
|
<label for="departure"><span class="translated-content" data-i18n-key="forms.labels.generic.departure" data-i18n-needs-translation="0">Departure date</span></label>
|
|
</div>
|
|
<div class="date-field input-field">
|
|
<input type="datetime-local" name="arrival" id="arrival" value="2015-08-20T00:00:00">
|
|
<input type="datetime-local" name="departure" id="departure" value="2015-08-24T00:00:00">
|
|
</div>
|
|
</div>
|
|
<h3><span class="translated-content" data-i18n-key="articles.conference_registration.headings.languages" data-i18n-needs-translation="0">Which languages do you speak?</span></h3>
|
|
<div class="check-box-field input-field">
|
|
<input type="checkbox" name="languages[en]" id="languages_en" value="1" checked="checked">
|
|
<label for="languages_en"><span class="translated-content" data-i18n-key="languages.en" data-i18n-needs-translation="0">English</span>
|
|
</label><input type="checkbox" name="languages[es]" id="languages_es" value="1">
|
|
<label for="languages_es"><span class="translated-content" data-i18n-key="languages.es" data-i18n-needs-translation="0">Spanish</span>
|
|
</label><input type="checkbox" name="languages[fr]" id="languages_fr" value="1">
|
|
<label for="languages_fr"><span class="translated-content" data-i18n-key="languages.fr" data-i18n-needs-translation="0">French</span>
|
|
</label></div>
|
|
<h3><span class="translated-content" data-i18n-key="articles.conference_registration.headings.housing" data-i18n-needs-translation="0">Do you need a place to stay?</span></h3>
|
|
<div class="radio-button-field input-field">
|
|
<input type="radio" name="housing" id="housing_none" value="none" required="required">
|
|
<label for="housing_none"><div class="sprite icons bb-none"></div>
|
|
<span class="translated-content" data-i18n-key="articles.conference_registration.questions.housing.none" data-i18n-needs-translation="0">I'll take care of it</span>
|
|
</label><input type="radio" name="housing" id="housing_tent" value="tent" required="required">
|
|
<label for="housing_tent"><div class="sprite icons bb-tent"></div>
|
|
<span class="translated-content" data-i18n-key="articles.conference_registration.questions.housing.tent" data-i18n-needs-translation="0">Tent Space</span>
|
|
</label><input type="radio" name="housing" id="housing_house" value="house" required="required">
|
|
<label for="housing_house"><div class="sprite icons bb-house"></div>
|
|
<span class="translated-content" data-i18n-key="articles.conference_registration.questions.housing.house" data-i18n-needs-translation="0">Indoor Location</span>
|
|
</label></div>
|
|
<h3><span class="translated-content" data-i18n-key="articles.conference_registration.headings.bike" data-i18n-needs-translation="0">Do you need a bike?</span></h3>
|
|
<div class="radio-button-field input-field">
|
|
<input type="radio" name="bike" id="bike_none" value="none" required="required">
|
|
<label for="bike_none"><div class="sprite icons bb-none"></div>
|
|
<span class="translated-content" data-i18n-key="articles.conference_registration.questions.bike.none" data-i18n-needs-translation="0">None</span>
|
|
</label><input type="radio" name="bike" id="bike_small" value="small" required="required">
|
|
<label for="bike_small"><div class="sprite icons bb-bike"></div>
|
|
<span class="translated-content" data-i18n-key="articles.conference_registration.questions.bike.small" data-i18n-needs-translation="0">Small</span>
|
|
</label><input type="radio" name="bike" id="bike_medium" value="medium" required="required">
|
|
<label for="bike_medium"><div class="sprite icons bb-bike"></div>
|
|
<span class="translated-content" data-i18n-key="articles.conference_registration.questions.bike.medium" data-i18n-needs-translation="0">Medium</span>
|
|
</label><input type="radio" name="bike" id="bike_large" value="large" required="required">
|
|
<label for="bike_large"><div class="sprite icons bb-bike"></div>
|
|
<span class="translated-content" data-i18n-key="articles.conference_registration.questions.bike.large" data-i18n-needs-translation="0">Large</span>
|
|
</label></div>
|
|
<h3><span class="translated-content" data-i18n-key="articles.conference_registration.headings.food" data-i18n-needs-translation="0">What are your eating habits?</span></h3>
|
|
<div class="radio-button-field input-field">
|
|
<input type="radio" name="food" id="food_meat" value="meat" required="required">
|
|
<label for="food_meat"><div class="sprite icons bb-meat"></div>
|
|
<span class="translated-content" data-i18n-key="articles.conference_registration.questions.food.meat" data-i18n-needs-translation="0">Omnivore</span>
|
|
</label><input type="radio" name="food" id="food_vegetarian" value="vegetarian" required="required">
|
|
<label for="food_vegetarian"><div class="sprite icons bb-meat"></div>
|
|
<div class="sprite icons bb-none"></div>
|
|
<span class="translated-content" data-i18n-key="articles.conference_registration.questions.food.vegetarian" data-i18n-needs-translation="0">Vegetarian</span>
|
|
</label><input type="radio" name="food" id="food_vegan" value="vegan" required="required">
|
|
<label for="food_vegan"><div class="sprite icons bb-milk"></div>
|
|
<div class="sprite icons bb-none"></div>
|
|
<span class="translated-content" data-i18n-key="articles.conference_registration.questions.food.vegan" data-i18n-needs-translation="0">Vegan</span>
|
|
</label></div>
|
|
<h3><span class="translated-content" data-i18n-key="articles.conference_registration.headings.allergies" data-i18n-needs-translation="0">Do you have any allergies?</span></h3>
|
|
<div class="text-field input-field empty">
|
|
<label for="allergies"><span class="translated-content" data-i18n-key="forms.labels.generic.allergies" data-i18n-needs-translation="0">Allergies</span></label>
|
|
<input type="text" name="allergies" id="allergies">
|
|
</div>
|
|
<h3><span class="translated-content" data-i18n-key="articles.conference_registration.headings.other" data-i18n-needs-translation="0">Is there anything else you'd like to tell us?</span></h3>
|
|
<div class="select-field input-field">
|
|
<label for="other"><span class="translated-content" data-i18n-key="forms.labels.generic.other" data-i18n-needs-translation="0">Disabilities, housing preferences, etc.</span></label>
|
|
<textarea name="other" id="other"></textarea>
|
|
</div>
|
|
<span class="translated-content" data-i18n-key="forms.actions.generic.register" data-i18n-needs-translation="0"><button name="button" type="submit" value="save">Register</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="/?lang=en">
|
|
EN
|
|
</a>
|
|
<span>English</span>
|
|
</li>
|
|
<li>
|
|
<a href="/?lang=es">
|
|
ES
|
|
</a>
|
|
<span>español</span>
|
|
</li>
|
|
<li>
|
|
<a href="/?lang=fr">
|
|
FR
|
|
</a>
|
|
<span>français</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>
|