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.
528 lines
15 KiB
528 lines
15 KiB
9 years ago
|
<!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-5.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="about">
|
||
|
|
<nav id="main-nav">
|
||
|
|
<a class="logo" href="/"><svg class="sprite icons bb-icon-logo"><use href="/assets/icons.svg#bb-icon-logo"></use></svg>
|
||
|
|
<svg class="sprite icons bb-icon-logo-text"><use href="/assets/icons.svg#bb-icon-logo-text"></use></svg>
|
||
|
|
</a><div class="nav">
|
||
|
|
<a href="/">My Bike!Bike!</a>
|
||
|
|
<a class="current" href="/about"><span class="translated-content" data-i18n-key="page_titles.About_BikeBike" data-i18n-needs-translation="0">About Bike!Bike!</span></a>
|
||
|
|
<a href="/policy"><span class="translated-content" data-i18n-key="page_titles.Safe_Space_Policy" data-i18n-needs-translation="0">Safer Space Agreement</span></a>
|
||
|
|
</div>
|
||
|
|
<div class="actions">
|
||
|
|
<form action="https://www.paypal.com/cgi-bin/webscr" class="paypal-button" method="post" target="_top">
|
||
|
|
<input name="cmd" type="hidden" value="_donations">
|
||
|
|
<input name="business" type="hidden">
|
||
|
|
<input name="lc" type="hidden" value="US">
|
||
|
|
<input name="item_name" type="hidden" value="Bike!Bike!">
|
||
|
|
<input name="no_note" type="hidden" value="0">
|
||
|
|
<input name="currency_code" type="hidden" value="USD">
|
||
|
|
<button type="submit" value="PP-DonationsBF:paypal_logo.png:NonHostedGuest"><span class="translated-content" data-i18n-key="donate.button_label" data-i18n-needs-translation="0">Donate!</span></button>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<main id="main">
|
||
|
|
<header id="banner">
|
||
|
|
<div class="short" id="header-title">
|
||
|
|
|
||
|
|
<div class="cover" style="background-image: url(/assets/xconference.jpg)"></div>
|
||
|
|
<h1><span class="translated-content" data-i18n-key="page_titles.about.About_BikeBike" data-i18n-needs-translation="0">About Bike!Bike!</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.about_bikebike.headings.What_is_BikeBike" data-i18n-needs-translation="0">What is Bike!Bike!?</span></h2>
|
||
|
|
<p><span class="translated-content" data-i18n-key="articles.about_bikebike.paragraphs.What_is_BikeBike" data-i18n-needs-translation="0">Bike!Bike! is an international annual gathering organized by and for community bicycle projects. The conference is a space for participants from shops and related advocacy groups to converge in a different city each year over a 4 day period to have workshops and strengthen our social network.</span></p>
|
||
|
|
</div><div class="columns medium-12"><h3><span class="translated-content" data-i18n-key="articles.about_bikebike.headings.bicycle_project" data-i18n-needs-translation="0">What is a community bicycle project?</span></h3>
|
||
|
|
<p><span class="translated-content" data-i18n-key="articles.about_bikebike.paragraphs.bicycle_project_paragraph" data-i18n-needs-translation="0">Bike!Bike! 2015: An international reunion meant to be a swap-meet for experiences and ideas about community bike projects. From collectives that use the bicycle as an excuse to change society, economy and the environment. Non-profit groups that have a community bike shops, cooperatives and other projects that promote the use of the bicycle and that come together to turn their communities into a place where riding is easier, more inclusive, safer and more fun. The list below uses the criteria found in the old Bicycle Organization Organization Project for what constitutes a community bike shop. The bike project need not meet all these criteria. Rather, it is a general list of qualities which are common among many bicycle projects.</span></p>
|
||
|
|
<ul>
|
||
|
|
<li><span class="translated-content" data-i18n-key="articles.about_bikebike.term.non_profit" data-i18n-needs-translation="0">Bike shops that are accessible to people without money</span></li>
|
||
|
|
<li><span class="translated-content" data-i18n-key="articles.about_bikebike.term.no_money" data-i18n-needs-translation="0">Organizations that recycle bicycles and parts</span></li>
|
||
|
|
<li><span class="translated-content" data-i18n-key="articles.about_bikebike.term.education" data-i18n-needs-translation="0">Shops that have an educational focus, teaching others how to fix bikes</span></li>
|
||
|
|
<li><span class="translated-content" data-i18n-key="articles.about_bikebike.term.volunteer_run" data-i18n-needs-translation="0">Shops that are volunteer run </span></li>
|
||
|
|
<li><span class="translated-content" data-i18n-key="articles.about_bikebike.term.export_bikes" data-i18n-needs-translation="0">Organizations that ship bikes to communities in other countries.</span></li>
|
||
|
|
<li><span class="translated-content" data-i18n-key="articles.about_bikebike.term.low_cost" data-i18n-needs-translation="0">Shops that provide free or low-cost services to the community.</span></li>
|
||
|
|
<li><span class="translated-content" data-i18n-key="articles.about_bikebike.term.recycle_parts" data-i18n-needs-translation="0">Non-profit bicycle organizations</span></li>
|
||
|
|
</ul>
|
||
|
|
</div><div class="columns medium-12"><h3><span class="translated-content" data-i18n-key="articles.about_bikebike.headings.Who_is_Invited" data-i18n-needs-translation="0">Who is invited?</span></h3>
|
||
|
|
<p><span class="translated-content" data-i18n-key="articles.about_bikebike.paragraphs.Who_is_Invited" data-i18n-needs-translation="0">You don’t have to be an expert or belong to a huge group, you just need to be willing to share what you know about organization, mechanics, social impact, inequality alternatives, better access to bicycles or knowledge and social issues in your community or city.</span></p>
|
||
|
|
</div><div class="columns medium-12"><h3><span class="translated-content" data-i18n-key="articles.about_bikebike.headings.Types_of_Workshops" data-i18n-needs-translation="0">What types of workshops will there be?</span></h3>
|
||
|
|
<figure style="background-image: url(/assets/columbus_people.jpg)"></figure>
|
||
|
|
<p><span class="translated-content" data-i18n-key="articles.about_bikebike.paragraphs.Types_of_Workshops" data-i18n-needs-translation="0">Workshops are organized and run by attendees, they can be about anything that might concern community bicycle projects and can be in any format including presentations, hands-on workshops, discussion groups, and bicycle rides. If you would like to host you own workshop you can enter details after registering. What ends up in the final schedule and when they happen are decided on by the conference hosts.</span></p>
|
||
|
|
</div><div class="columns medium-12"><h3><span class="translated-content" data-i18n-key="articles.about_bikebike.headings.Amenities" data-i18n-needs-translation="0">Where can I stay? What can I eat? How can I get around?</span></h3>
|
||
|
|
<p><span class="translated-content" data-i18n-key="articles.about_bikebike.paragraphs.Amenities" data-i18n-needs-translation="0">Traditionally conference hosts arrange shared accommodations, one to two meals a day, and bicycles will be available for registered attendees however you should check the conference details on the current conference. More information on how you can arrange your own accommodation and other recommended places to visit should also be provided to you by the hosts on the conference page or in hard copy upon arrival.</span></p>
|
||
|
|
</div><div class="columns medium-12"><h3><span class="translated-content" data-i18n-key="articles.about_bikebike.headings.Volunteer" data-i18n-needs-translation="0">Can I volunteer?</span></h3>
|
||
|
|
<p><span class="translated-content" data-i18n-key="articles.about_bikebike.paragraphs.Volunteer" data-i18n-needs-translation="0">Yes. Please!</span></p>
|
||
|
|
</div></div></article>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<div id="footer">
|
||
|
|
<footer><div class="github">
|
||
|
|
<svg class="sprite icons bb-icon-github"><use href="/assets/icons.svg#bb-icon-github"></use></svg>
|
||
|
|
<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-content" 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">
|
||
|
|
<svg class="sprite icons bb-icon-fb"><use href="/assets/icons.svg#bb-icon-fb"></use></svg>
|
||
|
|
</a>
|
||
|
|
</span></div>
|
||
|
|
<div class="locale">
|
||
|
|
<span class="translated-content" 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="/about">
|
||
|
|
AF
|
||
|
|
</a>
|
||
|
|
<span>Afrikaans</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
AR
|
||
|
|
</a>
|
||
|
|
<span>العربية</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
AZ
|
||
|
|
</a>
|
||
|
|
<span>Azerbaijani</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
BE
|
||
|
|
</a>
|
||
|
|
<span>Belarusian</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
BG
|
||
|
|
</a>
|
||
|
|
<span>Bulgarian</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
BN
|
||
|
|
</a>
|
||
|
|
<span>Bengali</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
BS
|
||
|
|
</a>
|
||
|
|
<span>Bosnian</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
CA
|
||
|
|
</a>
|
||
|
|
<span>català</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
CS
|
||
|
|
</a>
|
||
|
|
<span>čeština</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
CY
|
||
|
|
</a>
|
||
|
|
<span>Welsh</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
DA
|
||
|
|
</a>
|
||
|
|
<span>dansk</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
DE
|
||
|
|
</a>
|
||
|
|
<span>Deutsch</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
EL
|
||
|
|
</a>
|
||
|
|
<span>Ελληνικά</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
EN
|
||
|
|
</a>
|
||
|
|
<span>English</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
EO
|
||
|
|
</a>
|
||
|
|
<span>Esperanto</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
ES
|
||
|
|
</a>
|
||
|
|
<span>español</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
ET
|
||
|
|
</a>
|
||
|
|
<span>Estonian</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
EU
|
||
|
|
</a>
|
||
|
|
<span>Basque</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
FA
|
||
|
|
</a>
|
||
|
|
<span>Persian</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
FI
|
||
|
|
</a>
|
||
|
|
<span>suomi</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
FR
|
||
|
|
</a>
|
||
|
|
<span>français</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
GL
|
||
|
|
</a>
|
||
|
|
<span>Galician</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
HE
|
||
|
|
</a>
|
||
|
|
<span>עברית</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
HI
|
||
|
|
</a>
|
||
|
|
<span>हिंदी</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
HR
|
||
|
|
</a>
|
||
|
|
<span>hrvatski</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
HU
|
||
|
|
</a>
|
||
|
|
<span>magyar</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
ID
|
||
|
|
</a>
|
||
|
|
<span>Indonesian</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
IS
|
||
|
|
</a>
|
||
|
|
<span>Icelandic</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
IT
|
||
|
|
</a>
|
||
|
|
<span>italiano</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
JA
|
||
|
|
</a>
|
||
|
|
<span>日本語</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
KM
|
||
|
|
</a>
|
||
|
|
<span>Khmer</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
KN
|
||
|
|
</a>
|
||
|
|
<span>Kannada</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
KO
|
||
|
|
</a>
|
||
|
|
<span>한국어</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
LO
|
||
|
|
</a>
|
||
|
|
<span>Lao</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
LT
|
||
|
|
</a>
|
||
|
|
<span>Lithuanian</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
LV
|
||
|
|
</a>
|
||
|
|
<span>Latvian</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
MK
|
||
|
|
</a>
|
||
|
|
<span>Macedonian</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
MN
|
||
|
|
</a>
|
||
|
|
<span>Mongolian</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
MS
|
||
|
|
</a>
|
||
|
|
<span>Malay</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
NB
|
||
|
|
</a>
|
||
|
|
<span>norsk bokmål</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
NE
|
||
|
|
</a>
|
||
|
|
<span>Nepali</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
NL
|
||
|
|
</a>
|
||
|
|
<span>Nederlands</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
NN
|
||
|
|
</a>
|
||
|
|
<span>Norwegian Nynorsk</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
OR
|
||
|
|
</a>
|
||
|
|
<span>Oriya</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
PL
|
||
|
|
</a>
|
||
|
|
<span>polski</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
PT
|
||
|
|
</a>
|
||
|
|
<span>português</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
RM
|
||
|
|
</a>
|
||
|
|
<span>Romansh</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
RO
|
||
|
|
</a>
|
||
|
|
<span>română</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
RU
|
||
|
|
</a>
|
||
|
|
<span>русский</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
SK
|
||
|
|
</a>
|
||
|
|
<span>slovenčina</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
SL
|
||
|
|
</a>
|
||
|
|
<span>slovenščina</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
SR
|
||
|
|
</a>
|
||
|
|
<span>српски</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
SV
|
||
|
|
</a>
|
||
|
|
<span>svenska</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
SW
|
||
|
|
</a>
|
||
|
|
<span>Swahili</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
TA
|
||
|
|
</a>
|
||
|
|
<span>Tamil</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
TH
|
||
|
|
</a>
|
||
|
|
<span>ไทย</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
TL
|
||
|
|
</a>
|
||
|
|
<span>Tagalog</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
TR
|
||
|
|
</a>
|
||
|
|
<span>Türkçe</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
TT
|
||
|
|
</a>
|
||
|
|
<span>Tatar</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
UK
|
||
|
|
</a>
|
||
|
|
<span>українська</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
UR
|
||
|
|
</a>
|
||
|
|
<span>Urdu</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
UZ
|
||
|
|
</a>
|
||
|
|
<span>Uzbek</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
VI
|
||
|
|
</a>
|
||
|
|
<span>Tiếng Việt</span>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="/about">
|
||
|
|
WO
|
||
|
|
</a>
|
||
|
|
<span>Wolof</span>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</span></div>
|
||
|
|
<div class="copy">
|
||
|
|
<span class="translated-content" 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>
|