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,12 +4,16 @@ ...@@ -4,12 +4,16 @@
{% block body %} {% block body %}
{% for article in articles %} {% for article in articles %}
<div class="article">
<a href="{{article.get_absolute_url}}"> <a href="{{article.get_absolute_url}}">
<h1>{{article.title|title}}</h1> <h1>{{article.title|title}}</h1>
</a> </a>
{{article.content|markdown}} {{article.content|markdown}}
</div>
{% endfor %} {% endfor %}
{% endblock %} {% endblock %}
\ No newline at end of file
<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,16 +32,19 @@ ...@@ -25,16 +32,19 @@
<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="container-fluid content">
<div class="row-fluid"> <div class="row-fluid">
{% include "blog/nav.html" %} {% include "blog/nav.html" %}
</div> </div>
...@@ -44,14 +54,35 @@ ...@@ -44,14 +54,35 @@
{% endblock %} {% endblock %}
</div> </div>
<div class="row-fluid"> <div class="row credit">
Crédits Crédits
</div> </div>
</div> </div>
{# Liens sociaux mobile #}
<div class="container-fluid visible-xs">
<br>
{% include "blog/media.html" %}
</div>
</div>
</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