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>Date</th>
<th>Status</th>
<th>Approvals</th>
<th></th>
<th class="content-align-center">Approvals</th>
</tr>
</thead>
<tbody>
{% for application in applications %}
<tr>
<td>{{application.user.first_name}} {{application.user.last_name}}</td>
<td>{{application.city_country}}</td>
<td>{{application.pretty_submission_date}}</td>
<td>{{application.status}}</td>
<td>{{application.approve}} / {{application.approve + application.reject}}</td>
<td><a href="{{url_for('applications.view', id=application.id)}}" class="btn btn-default btn-xs">View</a></td>
</tr>
{% endfor %}
{% for application in applications %}
<tr>
<td class="relative">
<a href="{{url_for('applications.view', id=application.id)}}" >
<div class="application_row"></div>
</a>
{{application.user.first_name}} {{application.user.last_name}}
</td>
<td>{{application.city_country}}</td>
<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>
</table>

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

@@ -1,18 +1,18 @@
{% extends 'layout.html' %}
{% block body %}
<div class="row">
<div class="col-md-12">
<h2>BFCT program</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>
<div class="col-md-8">
<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>The goals of the BFCT program are:</p>
<p>The goals of the BFCT program are:</p>
<ul>
<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>Increase the quality and quantity of Blender training worldwide</li>
</ul>
</div>
<ul>
<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>Increase the quality and quantity of Blender training worldwide</li>
</ul>
</div>
</div>
{% 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="//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="{{ 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"> -->
@@ -32,17 +34,17 @@
{% block modal %}
{% endblock %}
<header class="navbar navbar-default navbar-static-top" role="navigation">
<header class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<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="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<i class="fa fa-bars"></i>
</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">
<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>
@@ -53,7 +55,7 @@
</div>
<!-- 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">
{% if current_user.is_authenticated() %}
<li class="dropdown">
@@ -76,25 +78,45 @@
</nav><!-- /.navbar-collapse -->
</div>
</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="row">
<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 %}
</div>
</div>
<hr>
<footer>
<p>Blender-BFCT is part of the blender.org project</p>
</footer>
</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="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
{% block footer_scripts %}{% endblock %}