Tweaks to form
This commit is contained in:
@@ -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;
|
||||
}
|
@@ -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>
|
||||
|
@@ -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>
|
||||
|
@@ -8,7 +8,6 @@
|
||||
<tr>
|
||||
<th>Date</th>
|
||||
<th>Stage</th>
|
||||
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
Reference in New Issue
Block a user