Commit eae04ab4 authored by Sli's avatar Sli
Browse files

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

parent 669180f7
...@@ -4,11 +4,15 @@ ...@@ -4,11 +4,15 @@
{% block body %} {% block body %}
{% for article in articles %} {% for article in articles %}
<a href="{{article.get_absolute_url}}"> <div class="article">
<h1>{{article.title|title}}</h1>
</a>
{{article.content|markdown}} <a href="{{article.get_absolute_url}}">
<h1>{{article.title|title}}</h1>
</a>
{{article.content|markdown}}
</div>
{% endfor %} {% 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> <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
<head> <head>
...@@ -5,18 +7,23 @@ ...@@ -5,18 +7,23 @@
<title>Gala 2016</title> <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"> <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> </head>
<body> <body>
<div class="row"> <div class="row">
{# Bannière #} {# 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"> <img class="img-responsive" src="http://placehold.it/2000x300">
</div> </div>
{# Décompte #} {# Décompte #}
<div class="col-md-2"> <div class="col-md-2">
Décompte <div class="chrono">
<span id="days">0</span> jours restants
</div>
</div> </div>
</div> </div>
...@@ -25,27 +32,38 @@ ...@@ -25,27 +32,38 @@
<div class="row"> <div class="row">
{# Liens sociaux #} {# Liens sociaux desktop #}
<div class="col-md-2"> <div class="col-sm-2 col-xs-1">
Facebook, youtube et tout le tintouin <div class="hidden-xs">
{% include "blog/media.html" %}
</div>
</div> </div>
{# contenu #} {# contenu #}
<div class="col-md-8"> <div class="col-sm-8 col-xs-10">
<div class="row-fluid"> <div class="container-fluid content">
{% include "blog/nav.html" %} <div class="row-fluid">
</div> {% 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>
<div class="row-fluid"> {# Liens sociaux mobile #}
Crédits <div class="container-fluid visible-xs">
<br>
{% include "blog/media.html" %}
</div> </div>
</div> </div>
...@@ -53,5 +71,18 @@ ...@@ -53,5 +71,18 @@
</div> </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> </body>
</html> </html>
\ No newline at end of file
Supports Markdown
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