Skip to content

GitLab

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
Hide whitespace changes
Inline Side-by-side
blog/templates/blog/blog.html
View file @ eae04ab4
...@@ -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 %}
......
blog/templates/blog/media.html 0 → 100644
View file @ eae04ab4
<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
templates/BaseBlog.html
View file @ eae04ab4
{% 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