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

Starting to style BFCT page and listing

Browse Source
This commit is contained in:
Pablo Vazquez
2014-06-20 16:05:59 +02:00
parent 5c18b5ef24
commit 3a1f018863
4 changed files with 78 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
blender-bfct/application/static/assets/css/bfct.css Normal file
View File

@@ -0,0 +1,7 @@
.application_row {
width: 430%;
height: 100%;
top: 0;
left: 0;
position: absolute;
}

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

@@ -9,21 +9,30 @@
<th>Country</th> <th>Country</th>
<th>Date</th> <th>Date</th>
<th>Status</th> <th>Status</th>
<th>Approvals</th> <th class="content-align-center">Approvals</th>
<th></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{% for application in applications %} {% for application in applications %}
<tr> <tr>
<td>{{application.user.first_name}} {{application.user.last_name}}</td> <td class="relative">
<td>{{application.city_country}}</td> <a href="{{url_for('applications.view', id=application.id)}}" >
<td>{{application.pretty_submission_date}}</td> <div class="application_row"></div>
<td>{{application.status}}</td> </a>
<td>{{application.approve}} / {{application.approve + application.reject}}</td> {{application.user.first_name}} {{application.user.last_name}}
<td><a href="{{url_for('applications.view', id=application.id)}}" class="btn btn-default btn-xs">View</a></td> </td>
</tr> <td>{{application.city_country}}</td>
{% endfor %} <td>{{application.pretty_submission_date}}</td>
<td>{{application.status}}</td>
<td class="content-align-center">
<span class="success">{{application.approve}}</span>
/
<span class="danger">{{application.approve + application.reject}}</span>
</td>
</tr>
<div class="clearfix"></div>
{% endfor %}
</tbody> </tbody>
</table> </table>

20
blender-bfct/application/templates/index.html
View File

@@ -1,18 +1,18 @@
{% extends 'layout.html' %} {% extends 'layout.html' %}
{% block body %} {% block body %}
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-8">
<h2>BFCT program</h2> <h2>What is the BFCT?</h2>
<p>BFCT is the Blender Foundation’s official certified trainers program.This membership is renewed annually, along with updated knowledge on new topics Blender might cover.</p> <p>BFCT is the Blender Foundation’s official certified trainers program.This membership is renewed annually, along with updated knowledge on new topics Blender might cover.</p>
<p>The goals of the BFCT program are:</p> <p>The goals of the BFCT program are:</p>
<ul> <ul>
<li>Provide a standard for Certification for everyone who is interested in teaching Blender professionally</li> <li>Provide a standard for Certification for everyone who is interested in teaching Blender professionally</li>
<li>Help experienced Blender artists and developers to get into training business</li> <li>Help experienced Blender artists and developers to get into training business</li>
<li>Increase the quality and quantity of Blender training worldwide</li> <li>Increase the quality and quantity of Blender training worldwide</li>
</ul> </ul>
</div> </div>
</div> </div>
{% endblock %} {% endblock %}

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

@@ -10,6 +10,8 @@
<!-- <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'> --> <!-- <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'> -->
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<link href="{{ url_for('static', filename='assets/css/bfct.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='assets_shared/css/generic.css') }}" rel="stylesheet">
<!-- <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <!-- <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> -->
@@ -32,17 +34,17 @@
{% block modal %} {% block modal %}
{% endblock %} {% endblock %}
<header class="navbar navbar-default navbar-static-top" role="navigation"> <header class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container"> <div class="container">
<!-- Brand and toggle get grouped for better mobile display --> <!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> <span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span> <i class="fa fa-bars"></i>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button> </button>
<a class="navbar-brand" href="{{ url_for('homepage') }}">blender-BFCT</a> <a class="navbar-brand" href="{{ url_for('homepage') }}">
<i class="bf-blender"></i> <span class="hidden-xs">Blender</span>
</a>
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<li><a href="http://blendernetwork.org/BFCT">Certified Trainers</a></li> <li><a href="http://blendernetwork.org/BFCT">Certified Trainers</a></li>
<li><a href="http://www.blender.org/certification/become-a-trainer/">Become a Trainer</a></li> <li><a href="http://www.blender.org/certification/become-a-trainer/">Become a Trainer</a></li>
@@ -53,7 +55,7 @@
</div> </div>
<!-- Collect the nav links, forms, and other content for toggling --> <!-- Collect the nav links, forms, and other content for toggling -->
<nav class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <nav class="collapse navbar-collapse" id="navbar-collapse-1">
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
{% if current_user.is_authenticated() %} {% if current_user.is_authenticated() %}
<li class="dropdown"> <li class="dropdown">
@@ -76,25 +78,45 @@
</nav><!-- /.navbar-collapse --> </nav><!-- /.navbar-collapse -->
</div> </div>
</header> </header>
<a name="hop"></a>
{% for message in get_flashed_messages() %}
<div class="alert alert-warning">
<div class="container">
{{ message }}
<button type="button" class="close" data-dismiss="alert"><i class="fa fa-times"></i></button>
</div>
</div>
{% endfor %}
<div class="container-fluid featured featured-xs">
<div class="col-md-12">
<div class="container">
<i class="backicon bf-network"></i>
<h1>Blender Foundation Certified Trainer Program</h1>
</div>
</div>
</div>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
{% for message in get_flashed_messages() %}
<div class="alert alert-warning">
<button type="button" class="close" data-dismiss="alert">&times;</button>
{{ message }}
</div>
{% endfor %}
{% block body %}{% endblock %} {% block body %}{% endblock %}
</div> </div>
</div> </div>
<hr>
<footer>
<p>Blender-BFCT is part of the blender.org project</p>
</footer>
</div> <!-- /container --> </div> <!-- /container -->
<footer>
<div class="container">
<span class="pull-right">
<p>
Blender Foundation Certified Trainer
<a href="#hop"><i class="fa fa-caret-up"></i></a>
</p>
</span>
</div> <!-- /footer-container -->
</footer>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
{% block footer_scripts %}{% endblock %} {% block footer_scripts %}{% endblock %}