1 {% extends "base.html" %}
4 {% block breadcrumbs %}
5 <span>{% translate "Current experiments" %}</span>
10 <div class="l-checkout__box">
11 <div class="l-checkout__box__header">
12 <img src="{% static 'img/experiment.jpg' %}">
13 <div class="l-checkout__box__header__content">
14 <h1>{% translate "Current experiments" %}</h1>
18 {% for exp in experiments %}
19 <div class="experiment">
24 <input id="experiment-{{ exp.slug }}-off" name="{{ exp.slug }}" class="toggle-input toggle-input-left" value="off" type="radio" {% if not exp.value %}checked="checked"{% endif %}>
25 <input id="experiment-{{ exp.slug }}-on" name="{{ exp.slug }}" class="toggle-input toggle-input-right" value="on" type="radio" {% if exp.value %}checked="checked"{% endif %}>
26 <div class="l-switch__wrapper">
27 <div class="l-switch white">
28 <label class="toggle-for toggle-for-left" for="experiment-{{ exp.slug }}-off">{% translate "off" %}</label>
29 <label class="toggle-for toggle-for-right" for="experiment-{{ exp.slug }}-on">{% translate "on" %}</label>
30 <span class="toggle"></span>
36 <div class="experiment">
38 {% translate 'There are currently no experiments available.' %}
46 {% translate "Image" %}:
47 Ken Lund, <a target="_blank" href="https://flickr.com/photos/kenlund/42675643424/">Windmill Modern Art, Chicago Lakefront Trail, Chicago, Illinois</a>, <a href="https://creativecommons.org/licenses/by-sa/2.0/" target="_blank">CC By-SA 2.0</a>