Commit eae04ab4 authored by Sli's avatar Sli

Ajout des réseaux sociaux, images responsives et corrections de bugs d'affichage

parent 669180f7
......@@ -4,11 +4,15 @@
{% block body %}
{% for article in articles %}
<a href="{{article.get_absolute_url}}">
<h1>{{article.title|title}}</h1>
</a>
<div class="article">
{{article.content|markdown}}
<a href="{{article.get_absolute_url}}">
<h1>{{article.title|title}}</h1>
</a>
{{article.content|markdown}}
</div>
{% endfor %}
......
<div class="row">
<div class="row">
<div class="col-md-offset-2 col-md-8 col-md-offset-2">
<a target="_blank" href="https://www.youtube.com/channel/UCCovZ5tiZnfAwkR-NP7uBmw" rel="nofollow">
<div class="socialBloc youtube">
<div align="center" class="row">
<i class="fa fa-youtube fa-5x"></i>
</div>
</div>
</a>
</div>
</div>
<div class="row">
<div class="col-md-offset-2 col-md-8 col-md-offset-2">
<a target="_blank" href="https://twitter.com/galautbm" rel="nofollow">
<div class="socialBloc twitter">
<div align="center" class="row">
<i class="fa fa-twitter fa-5x"></i>
</div>
</div>
</a>
</div>
</div>
<div class="row">
<div class="col-md-offset-2 col-md-8 col-md-offset-2">
<a target="_blank" href="https://www.facebook.com/GalaDePrestigeUTBM" rel="nofollow">
<div class="socialBloc facebook">
<div align="center" class="row">
<i class="fa fa-facebook fa-5x"></i>
</div>
</div>
</a>
</div>
</div>
</div>
\ No newline at end of file
{% load staticfiles %}
<!DOCTYPE html>
<html lang="fr">
<head>
......@@ -5,18 +7,23 @@
<title>Gala 2016</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<link href="{% static "blog/css/base.css" %}" rel="stylesheet">
<script src="https://use.fontawesome.com/e7e3959afc.js"></script>
</head>
<body>
<div class="row">
{# Bannière #}
<div class="col-md-offset-2 col-md-8">
<div class="col-sm-offset-2 col-sm-8 col-xs-offset-1 col-xs-10">
<img class="img-responsive" src="http://placehold.it/2000x300">
</div>
{# Décompte #}
<div class="col-md-2">
Décompte
<div class="chrono">
<span id="days">0</span> jours restants
</div>
</div>
</div>
......@@ -25,27 +32,38 @@
<div class="row">
{# Liens sociaux #}
<div class="col-md-2">
{# Liens sociaux desktop #}
<div class="col-sm-2 col-xs-1">
Facebook, youtube et tout le tintouin
<div class="hidden-xs">
{% include "blog/media.html" %}
</div>
</div>
{# contenu #}
<div class="col-md-8">
<div class="col-sm-8 col-xs-10">
<div class="row-fluid">
{% include "blog/nav.html" %}
</div>
<div class="container-fluid content">
<div class="row-fluid">
{% include "blog/nav.html" %}
</div>
<div class="row-fluid">
{% block body %}
{% endblock %}
</div>
<div class="row credit">
Crédits
</div>
<div class="row-fluid">
{% block body %}
{% endblock %}
</div>
<div class="row-fluid">
Crédits
{# Liens sociaux mobile #}
<div class="container-fluid visible-xs">
<br>
{% include "blog/media.html" %}
</div>
</div>
......@@ -53,5 +71,18 @@
</div>
<footer>
<script
src="https://code.jquery.com/jquery-2.2.4.min.js"
integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
crossorigin="anonymous">
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous">
</script>
</footer>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment