Merge pull request #1263 from zestedesavoir/master

MEP Release

assets/scss/_all-supports.scss

@@ -48,39 +48,41 @@
     background: #062E41;
     display: none;
 
-    p {
+    span {
+        display: inline-block;
         margin: 0;
         padding: 7px 0;
         color: #EEE;
+        line-height: 23px;
+    }
 
-        a {
-            display: inline-block;
-            color: #EEE;
-            padding: 4px 13px;
-            margin-left: 15px;
-            background: $blue;
-            text-decoration: none;
+    a {
+        display: inline-block;
+        color: #EEE;
+        padding: 4px 13px;
+        margin-left: 15px;
+        background: $blue;
+        text-decoration: none;
 
-            &:hover,
-            &:focus {
-                background: #EEE;
-                color: $blue;
-            }
+        &:hover,
+        &:focus {
+            background: #EEE;
+            color: $blue;
         }
+    }
 
-        button {
-            display: inline-block;
-            background: none;
-            border: none;
-            text-decoration: underline;
-            margin: 0;
-            padding: 0;
-            color: #EEE;
+    #reject-cookies {
+        display: inline-block;
+        background: none;
+        border: none;
+        text-decoration: underline;
+        margin: 0;
+        padding: 0;
+        color: #EEE;
 
-            &:hover,
-            &:focus {
-                text-decoration: none;
-            }
+        &:hover,
+        &:focus {
+            text-decoration: none;
         }
     }
 
@@ -91,6 +93,7 @@
         padding: 4px 15px;
         border: none;
         transition: background .15s, color .15s;
+        margin-top: 3px;
 
         &:hover,
         &:focus {
@@ -2320,8 +2323,13 @@ table {
             clear: both;
             padding-top: 1px;
 
-            & > p:first-child {
-                margin-top: 7px;
+            & > div {
+                & > p:first-child {
+                    margin-top: 7px;
+                }
+                & > figure:first-child {
+                    margin-top: 8px;
+                }
             }
 
             .message-hidden-content {
@@ -2360,6 +2368,10 @@ table {
                 text-indent: 20px;
             }
 
+            .member-item {
+                margin: 0;
+            }
+
             textarea {
                 margin: 10px 0 10px -1px;
                 background-color: transparent;
@@ -2417,9 +2429,12 @@ table {
                         }
                     }
                 }
-                span:not(.has-vote) {
-                    border-bottom: none;
-                    opacity: .5;
+                .upvote,
+                .downvote {
+                    &:not(.has-vote) {
+                        border-bottom: none;
+                        opacity: .5;
+                    }
                 }
 
                 .tick {
@@ -2515,7 +2530,8 @@ table {
             }
 
             a,
-            span,
+            .upvote,
+            .downvote,
             button {
                 display: block;
                 float: left;
@@ -2535,7 +2551,8 @@ table {
                 }
             }
             a,
-            span,
+            .upvote,
+            .downvote,
             button.ico-after {
                 border-bottom: 1px solid #D2D5D6;
                 text-decoration: none;

templates/article/view.html

@@ -14,6 +14,31 @@
 
 
 
+{% block meta_image %}{% spaceless %}
+    {% if article.image %}
+        {{ article.image.article_illu.url }}
+    {% else %}
+        {{ block.super }}
+    {% endif %}
+{% endspaceless %}{% endblock %}
+
+
+
+{% block opengraph %}
+    <meta property="og:type" content="article">
+
+    {% if article.pubdate %}
+        <meta property="og:article:published_time" content="{{ article.pubdate|date:"c" }}">
+    {% endif %}
+
+    <meta property="og:article:section" content="Articles">
+    {% for tag in tags.all %}
+        <meta property="og:article:tag" content="{{ tag.title }}">
+    {% endfor %}
+{% endblock %}
+
+
+
 {% block breadcrumb %}
     <li>{{ article.title }}</li>
 {% endblock %}

templates/base.html

@@ -45,8 +45,8 @@
     <meta name="description" content="{{ description|safe }}">
 
 
-    {% captureas image %}
-        {{ request.META.HTTP_HOST }}{% block image %}{% spaceless %}
+    {% captureas meta_image %}
+        {{ request.META.HTTP_HOST }}{% block meta_image %}{% spaceless %}
             {% static "images/apple-touch-icon-144x144-precomposed.png" %}
         {% endspaceless %}{% endblock %}
     {% endcaptureas %}
@@ -57,8 +57,8 @@
     <meta property="og:title" content="{{ title|safe }}">
     <meta property="og:url" content="{{ request.build_absolute_uri }}">
     <meta property="og:language" content="fr_FR">
-    <meta property="og:image:url" content="http://{{ image }}">
-    <meta property="og:image:secure_url" content="https://{{ image }}">
+    <meta property="og:image:url" content="http://{{ meta_image }}">
+    <meta property="og:image:secure_url" content="https://{{ meta_image }}">
     {% block opengraph %}
         <meta property="og:type" content="website">
     {% endblock %}
@@ -72,7 +72,7 @@
     <meta property="twitter:description" content="{{ description|safe }}">
     <meta property="twitter:site" content="@ZesteDeSavoir">
     <meta property="twitter:creator" content="@{% block twitter_creator %}ZesteDeSavoir{% endblock %}">
-    <meta property="twitter:image" content="http://{{ image }}">
+    <meta property="twitter:image" content="http://{{ meta_image }}">
 
 
     {# Stylesheets #}

templates/home.html

@@ -40,7 +40,7 @@ <h2>Zeste de Savoir, la connaissance pour tous et sans pépins</h2>
                         Tous les membres peuvent écrire et <strong>publier des tutoriels et articles sur le site</strong>. Pour assurer la qualité et la pédagogie du contenu, l'équipe du site valide chaque cours avant publication.
                     </p>
                     <p>
-                        Tout cela est <strong>entièrement gratuit et garanti sans publicité</strong>, le site est géré et financé par une <a href="http://zestedesavoir.com/pages/association/">association</a> a but non lucratif.
+                        Tout cela est <strong>entièrement gratuit et garanti sans publicité</strong>, le site est géré et financé par une <a href="http://zestedesavoir.com/pages/association/">association</a> à but non lucratif.
                     </p>
                 </div>
             </div>

templates/misc/message.part.html

@@ -284,7 +284,7 @@
                                       {% if message.like > 0 %}has-vote{% endif %}
                                       {% if not user.is_authenticated and message.like > message.dislike %}voted{% endif %}"
                                 {% if message.like > 0 %}
-                                    title="{{ message.like }} personnes ont trouvé ce message utile"
+                                    title="{{ message.like }} personne{{ message.like|pluralize }} {% if message.like > 1 %}ont{% else %}a{% endif %} trouvé ce message utile"
                                 {% endif %}
                             >
                                 +<span itemprop="upvoteCount">
@@ -298,7 +298,7 @@
                                       {% if message.dislike > 0 %}has-vote{% endif %}
                                       {% if not user.is_authenticated and message.like < message.dislike %}voted{% endif %}"
                                 {% if message.dislike > 0 %}
-                                    title="{{ message.dislike }} personnes n'ont pas trouvé ce message utile"
+                                    title="{{ message.dislike }} personne{{ message.dislike|pluralize }} n'{% if message.dislike > 1 %}ont{% else %}a{% endif %} pas trouvé ce message utile"
                                 {% endif %}
                             >
                                 -<span itemprop="downvoteCount">

templates/tutorial/chapter/edit.html

@@ -40,5 +40,10 @@ <h1 {% if chapter.image %}class="illu"{% endif %}>
 
 
 {% block content %}
+    {% if new_version %}
+        <p class="ico-after warning">
+            Une nouvelle version a été postée avant que vous ne validiez.
+        </p>
+    {% endif %}
     {% crispy form %}
 {% endblock %}

templates/tutorial/chapter/view_online.html

@@ -9,6 +9,22 @@
 
 
 
+{% block meta_image %}{% spaceless %}
+    {% if tutorial.image %}
+        {{ tutorial.image.physical.tutorial_illu.url }}
+    {% else %}
+        {{ block.super }}
+    {% endif %}
+{% endspaceless %}{% endblock %}
+
+
+
+{% block opengraph %}
+    {% include "tutorial/includes/opengraph.part.html" %}
+{% endblock %}
+
+
+
 {% block breadcrumb %}
     <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
         <a href="{{ chapter.part.tutorial.get_absolute_url_online }}" itemprop="url">

templates/tutorial/extract/edit.html

@@ -29,6 +29,11 @@ <h1>Éditer l'extrait</h1>
 
 
 {% block content %}
+    {% if new_version %}
+        <p class="ico-after warning">
+            Une nouvelle version a été postée avant que vous ne validiez.
+        </p>
+    {% endif %}
     {% crispy form %}
 
     {% if form.text.value %}

templates/tutorial/member/online.html

@@ -31,7 +31,7 @@ <h2 class="ico-after ico-tutorials">Tutoriels publiés par {{ usr.username }}</h
     {% if tutorials %}
         <div class="tutorial-list">
             {% for tutorial in tutorials %}
-                {% include 'tutorial/includes/tutorial_item.part.html' with beta=True %}
+                {% include 'tutorial/includes/tutorial_item.part.html' %}
             {% endfor %}
         </div>
     {% else %}

templates/tutorial/part/edit.html

@@ -35,5 +35,10 @@ <h1 {% if part.image %}class="illu"{% endif %}>
 
 
 {% block content %}
+    {% if new_version %}
+        <p class="ico-after warning">
+            Une nouvelle version a été postée avant que vous ne validiez.
+        </p>
+    {% endif %}
    {% crispy form %}
 {% endblock %}

templates/tutorial/part/view_online.html

@@ -8,7 +8,7 @@
 
 
 
-{% block image %}{% spaceless %}
+{% block meta_image %}{% spaceless %}
     {% if tutorial.image %}
         {{ tutorial.image.physical.tutorial_illu.url }}
     {% else %}

templates/tutorial/tutorial/edit.html

@@ -21,11 +21,8 @@ <h1 {% if tutorial.image %}class="illu"{% endif %}>
 
 
 {% block headline_sub %}
-    {{ tutorial.description }}
+   {{ tutorial.description }}
 {% endblock %}
-
-
-
 {% block breadcrumb %}
     <li><a href="{{ tutorial.get_absolute_url }}">{{ tutorial.title }}</a></li>
     <li>Éditer le tutoriel</li>
@@ -34,5 +31,10 @@ <h1 {% if tutorial.image %}class="illu"{% endif %}>
 
 
 {% block content %}
+    {% if new_version %}
+        <p class="ico-after warning">
+            Une nouvelle version a été postée avant que vous ne validiez.
+        </p>
+    {% endif %}
     {% crispy form %}
 {% endblock %}

templates/tutorial/tutorial/import.html

@@ -24,13 +24,26 @@ <h2>
 
 
 {% block content %}
+    <p>
+        Vous êtes l'auteur d'un cours sur le SdZ ? Nous l'avons récupéré pour vous ! Il est disponible hors-ligne et n'attend plus que votre accord pour être publié. Il vous suffit d'en faire la demande à un membre du Staff via le forum ou directement par MP.
+    </p>
+
+
     <h3>Envoi de fichiers .tuto</h3>
+    <p>
+        <strong>Attention</strong>, le fichier attendu n'est pas un .tuto du Site du Zéro, mais un format intermédiaire qui contient du Markdown et non du zCode. Contactez un membre du Staff pour demander la conversion de votre fichier.
+    </p>
+    <p>
+        Le fichier zip est celui qui contient les ressources de votre tutoriel. Il est également issu du convertisseur Markdown > zCode.
+    </p>
     {% crispy form %}
 
-    <hr>
 
     {% if old_tutos %}
         <h3>Récupérer un tutoriel du Site du Zéro</h3>
+        <p>
+            Ci-dessous se trouve la liste des tutoriels que vous aviez rédigé sur le Site du Zéro et que nous avons récupéré. Vous pouvez les importer pour continuer leur rédaction et les soumettre à la validation. Si vous pensez qu'il en manque un, vous pouvez contacter un membre du Staff.
+        </p>
         <table>
             <thead>
                 <tr>

templates/tutorial/tutorial/view_online.html

@@ -19,7 +19,7 @@
 
 
 
-{% block image %}{% spaceless %}
+{% block meta_image %}{% spaceless %}
     {% if tutorial.image %}
         {{ tutorial.image.physical.tutorial_illu.url }}
     {% else %}