archive/blender-bfct
Archived
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

WIP forms, tweaks on 2nd level navbar, and labels on listing

Browse Source
This commit is contained in:
Pablo Vazquez
2014-06-22 01:21:09 +02:00
parent 3db3535435
commit 5749ee6c32
5 changed files with 94 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
blender-bfct/application/static/assets/css/bfct.css
View File

@@ -9,3 +9,50 @@
position: absolute; position: absolute;
} }
.label.label-2x {
font-size: 100%;
}
.input-group {
position: relative;
}
.form-control {
top: 0;
position: absolute;
background-color: transparent;
border: none;
margin-top: 24px;
border-bottom: 1px solid #ccc;
box-shadow: none;
transition: all 0.1s ease-in-out ;
}
.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
padding: 0px 4px 0px 10px;
height: 40px;
font-size: 120%;
}
.control-label {
font-size: 80%;
}
.input-group .control-label {
position: absolute;
left: 0;
top: 6px;
opacity: 0;
transition: all ease-out 0.2s;
transition-delay: .4s;
}
.form-control:hover, .form-control:focus {
background-color: white;
}
.form-control:focus + .control-label,
.form-control:hover + .control-label{
opacity: 0.8;
top: 1px;
}

2
blender-bfct/application/static/assets_shared

Submodule blender-bfct/application/static/assets_shared updated: 03df3b9336...1feae3be6e

8
blender-bfct/application/templates/applications/index.html
View File

@@ -29,13 +29,13 @@
<td>{{application.submission_date.strftime('%d %B, %Y')}}</td> <td>{{application.submission_date.strftime('%d %B, %Y')}}</td>
<td> <td>
{% if application.status == 'under_review' %} {% if application.status == 'under_review' %}
<span class="label label-info"><i class="fa fa-clock-o"></i> Under Review</span> <span class="label label-2x label-info"><i class="fa fa-clock-o"></i> Under Review</span>
{% elif application.status == 'submitted' %} {% elif application.status == 'submitted' %}
<span class="label label-danger"><i class="fa fa-warning"></i> Pending</span> <span class="label label-2x label-danger"><i class="fa fa-warning"></i> Pending</span>
{% elif application.status == 'approved' %} {% elif application.status == 'approved' %}
<span class="label label-success"><i class="fa fa-star"></i> Approved!</span> <span class="label label-2x label-success"><i class="fa fa-star"></i> Approved!</span>
{% elif application.status == 'rejected' %} {% elif application.status == 'rejected' %}
<span class="label label-default"><i class="fa fa-times"></i> Rejected</span> <span class="label label-2x label-default"><i class="fa fa-times"></i> Rejected</span>
{% else %} {% else %}
{{application.status}} {{application.status}}
{% endif %} {% endif %}

84
blender-bfct/application/templates/apply.html
View File

@@ -1,84 +1,78 @@
{% extends 'layout.html' %} {% extends 'layout.html' %}
{% block body %} {% block body %}
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-8">
<form class="form-horizontal" method="POST" action="{{url_for('apply')}}"> <form class="form-horizontal" method="POST" action="{{url_for('apply')}}">
<fieldset> <fieldset>
{{ form.hidden_tag() }} {{ form.hidden_tag() }}
<label class="control-label"> <div class="input-group input-group-lg width-full">
<div class="input-group input-group-lg"> {{ form.network_profile(class='form-control', placeholder='Network Profile URL') }}
<span class="input-group-addon">Blender Network Profile link</span> <label class="control-label">Blender Network Profile</label>
{{ form.network_profile(class='form-control', placeholder='First Name') }}
</div> </div>
</label>
<label class="control-label"> <div class="input-group input-group-lg width-full">
<div class="input-group input-group-lg">
<span class="input-group-addon">Website</span>
{{ form.website(class='form-control', placeholder='Your website') }} {{ form.website(class='form-control', placeholder='Your website') }}
<label class="control-label">Website</label>
</div> </div>
</label>
<label class="control-label"> <div class="input-group input-group-lg width-full">
<div class="input-group input-group-lg"> {{ form.city_country(class='form-control', placeholder='Your city and country') }}
<span class="input-group-addon">City and Country</span> <label class="control-label">City and Country</label>
{{ form.city_country(class='form-control', placeholder='Your city and country') }}
</div> </div>
</label>
<label class="control-label"> <div class="input-group input-group-lg width-full">
<div class="input-group input-group-lg"> {{ form.teaching(class='form-control') }}
<span class="input-group-addon">Teaching at university</span> <label class="control-label">Are you teaching at a university?</label>
{{ form.teaching(class='form-control') }}
</div> </div>
</label>
<label class="control-label"> <div class="input-group input-group-lg width-full">
<div class="input-group input-group-lg">
<span class="input-group-addon">Institution Name</span>
{{ form.institution_name(class='form-control', placeholder='School or institution name') }} {{ form.institution_name(class='form-control', placeholder='School or institution name') }}
<label class="control-label">School or Institution Name</label>
</div> </div>
</label>
<label class="control-label"> <div class="input-group input-group-lg width-full">
<div class="input-group input-group-lg">
<span class="input-group-addon">Areas of expertise</span>
{{ form.skills(class='form-control') }} {{ form.skills(class='form-control') }}
<label class="control-label">Areas of Expertise</label>
</div> </div>
</label>
<label class="control-label"> <div class="input-group input-group-lg width-full">
<div class="input-group input-group-lg">
<span class="input-group-addon">Video Example</span>
{{ form.video_example(class='form-control', placeholder='Video Example') }} {{ form.video_example(class='form-control', placeholder='Video Example') }}
<label class="control-label">Video Example</label>
</div> </div>
</label>
<label class="control-label"> <div class="input-group input-group-lg width-full">
<div class="input-group input-group-lg">
<span class="input-group-addon">Written Example</span>
{{ form.written_example(class='form-control', placeholder='Written Example') }} {{ form.written_example(class='form-control', placeholder='Written Example') }}
<label class="control-label">Written Example</label>
</div> </div>
</label>
<label class="control-label"> <div class="input-group input-group-lg width-full">
<div class="input-group input-group-lg">
<span class="input-group-addon">Portfolio and CV</span>
{{ form.portfolio_cv(class='form-control', placeholder='Porftolio and CV') }} {{ form.portfolio_cv(class='form-control', placeholder='Porftolio and CV') }}
<label class="control-label">Porftolio / Curriculum Vitae</label>
</div> </div>
</label>
<label class="control-label"> <div class="input-group input-group-lg width-full">
<div class="input-group input-group-lg">
<span class="input-group-addon">Bio and message</span>
{{ form.bio_message(class='form-control', placeholder='Bio and message') }} {{ form.bio_message(class='form-control', placeholder='Bio and message') }}
<label class="control-label">Biography or Personal Message</label>
</div> </div>
</label>
<input class="btn btn-default btn-block" type="submit" value="Go"> <button class="btn btn-default btn-success btn-squishy width-half pull-right offset-top-2" type="submit" value="Go">
Send Application <i class="fa fa-send"></i>
</button>
</fieldset> </fieldset>
</form> </form>
</div> </div>
<div class="col-md-4 box">
<i class="backicon fa fa-question-circle"></i>
<h2>What happens when I apply?</h2>
<p>
Once we receive your application, the Blender Foundation Certification Board
will proceed to review it. This may take some days.
<br/><br/>You can come back to this page and check
the status of your application anytime.
<br/><br/>Once your application has been reviewed, you'll receive
an e-mail with the results, and instructions on how to proceed.
</p>
</div>
</div> </div>
{% endblock %} {% endblock %}

6
blender-bfct/application/templates/layout.html
View File

@@ -77,7 +77,7 @@
</div> </div>
<header class="navbar navbar-default navbar-secondlevel navbar-static-top bright" role="navigation"> <header class="navbar navbar-default navbar-secondlevel navbar-static-top bright" role="navigation">
<div class="container"> <div class="container relative">
<ul class="nav navbar-nav navbar-left"> <ul class="nav navbar-nav navbar-left">
<li {% if title == 'home': %} class="active"{% endif %}> <li {% if title == 'home': %} class="active"{% endif %}>
<a href="{{ url_for('homepage') }}">Home</a> <a href="{{ url_for('homepage') }}">Home</a>
@@ -88,9 +88,9 @@
{% endif %} {% endif %}
{% if current_user.is_authenticated() %} {% if current_user.is_authenticated() %}
<li class="dropdown"> <li class="dropdown absolute right">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">{{current_user.email}} <b class="caret"></b></a> <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{current_user.email}} <b class="caret"></b></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu right">
{% if not current_user.has_role('bfct') %} {% if not current_user.has_role('bfct') %}
<li><a href="{{url_for('apply')}}"><i class="fa fa-edit"></i> Apply / View</a></li> <li><a href="{{url_for('apply')}}"><i class="fa fa-edit"></i> Apply / View</a></li>
{% endif %} {% endif %}