Tweaks to form

This commit is contained in:
2014-06-24 10:44:42 +02:00
parent 0f671a5781
commit 60f76bb6a3
4 changed files with 86 additions and 15 deletions

View File

@@ -10,3 +10,52 @@ body {padding: 53px 0 0 0 !important;}
left: 0;
position: absolute;
}
.form-control {
top: 0;
position: absolute;
background-color: white !important;
border: none;
margin-top: 30px;
border: thin solid #aaa !important;
}
.form-control:focus {
border: thin solid #444 !important;
}
.input-group .input-group-addon {
position: absolute;
top: 28px;
z-index: 3;
padding: 10px 15px 10px 12px !important;
background: transparent;
border: 0;
color: gray;
}
.input-group .input-group-addon + .form-control{
padding-left: 38px;
}
.input-group .input-group-addon .bf-network{
font-size: 140% !important;
position: absolute;
left: 8px; top: 8px;
}
::-webkit-input-placeholder { /* WebKit browsers */
color: #bbb !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #999;
}

View File

@@ -43,7 +43,7 @@
</div>
</div>
<div class="col-md-4">
<h3>Application Status:</h3>
<h3>Application Status</h3>
<div class="box">
{% if application.status == 'under_review' %}
<i class="backicon fa fa-clock-o"></i>
@@ -62,6 +62,7 @@
{% else %}
{{application.status}}
{% endif %}
<p>Submitted <span title="{{application.submission_date.strftime('%A %d %B, %Y @ %H:%m')}}">{{application.show_pretty_date('submission')}}</span>.</p>
{% if review %}
<p>
<i class="fa fa-info-circle offset-vertical-2 offset-left-1 offset-right-1"></i>

View File

@@ -2,27 +2,27 @@
{% block body %}
<div class="row">
<div class="col-md-8">
<div class="container-fluid box">
<h2>BFCT Application</h2>
<p>
Please fill all the fields.
</p>
<div class="container-fluid">
<h2>Submit your Application</h2>
<hr/>
<form class="form-horizontal" method="POST" action="{{url_for('apply')}}">
<fieldset>
{{ form.hidden_tag() }}
<div class="input-group input-group-lg width-full">
<span class="input-group-addon"><i class="bf-network"></i></span>
{{ form.network_profile(class='form-control', placeholder='e.g. http://blendernetwork.org/<name-surname>') }}
<label class="control-label">Blender Network Profile URL</label>
<label class="control-label">Blender Network Profile (optional)</label>
</div>
<div class="input-group input-group-lg width-full">
<span class="input-group-addon"><i class="fa fa-globe"></i></span>
{{ form.website(class='form-control', placeholder='e.g. http://www.yourname.me') }}
<label class="control-label">Website</label>
</div>
<div class="input-group input-group-lg width-full">
{{ form.city_country(class='form-control', placeholder='Where you currently live/teach') }}
<span class="input-group-addon"><i class="fa fa-map-marker"></i></span>
{{ form.city_country(class='form-control', placeholder='Where do you currently live/teach?') }}
<label class="control-label">City and Country</label>
</div>
@@ -30,11 +30,13 @@
<div class="row">
<div class="col-md-6">
Are you currently teaching at a university?
<p class="offset-top-4">
Are you currently teaching at an institution?
</p>
</div>
<div class="col-md-6">
<div class="input-group input-group-lg width-full" id="is_teaching_where">
{{ form.institution_name(class="form-control", placeholder="School or Institution's name") }}
{{ form.institution_name(class="form-control", placeholder="University / School / Institution's name") }}
<label class="control-label">School or Institution Name</label>
</div>
</div>
@@ -42,7 +44,11 @@
<div class="row">
<div class="col-md-6">
A set of essential skills is required
<p class="offset-top-4">
Select which skills you focus on for teaching.
<br/><br/>
<small>(hold Ctrl for multiple selections)</small>
</p>
</div>
<div class="col-md-6">
<div class="input-group input-group-lg width-full">
@@ -56,10 +62,14 @@
<div class="row">
<div class="col-md-6">
A video example of your teaching
<p class="offset-top-4">
Provide a video (or a list of videos) that show your
talking and training skills at their best.
</p>
</div>
<div class="col-md-6">
<div class="input-group input-group-lg width-full">
<span class="input-group-addon"><i class="fa fa-file-video-o"></i></span>
{{ form.video_example(class='form-control', placeholder='URL to a Video Example') }}
<label class="control-label">Video Example</label>
</div>
@@ -68,16 +78,28 @@
<div class="row">
<div class="col-md-6">
A video example of your teaching
<p class="offset-top-4">
Link us a tutorial (or a list/guide) that show your
writing skills at their best.
</p>
</div>
<div class="col-md-6">
<div class="input-group input-group-lg width-full">
{{ form.written_example(class='form-control', placeholder='Written Example') }}
<span class="input-group-addon"><i class="fa fa-file-text-o"></i></span>
{{ form.written_example(class='form-control', placeholder='URL to a Written Example') }}
<label class="control-label">Written Example</label>
</div>
</div>
</div>
<div class="col-md-12 box offset-top-2 alert-info">
<p><i class="fa fa-info-circle"></i>
<small>The language for both the written/spoken tutorial(s) is up to you, but bare in mind it might require more time for us to review if it's not among the board's native languages.</small>
</p>
</div>
<hr/>
<div class="input-group input-group-lg width-full">
{{ form.portfolio_cv(class='form-control', placeholder='URL of your Portfolio or CV') }}
<label class="control-label">Porftolio / Curriculum Vitae</label>

View File

@@ -8,7 +8,6 @@
<tr>
<th>Date</th>
<th>Stage</th>
</tr>
</thead>
<tbody>