Commit 1766ad22 authored by erreur401's avatar erreur401

md yaml mod (add cat + desc) learn temp modification add card

parent 7caadb45
title: weather station
published: 2010-12-22
desc: petite station meteo
cat: usinage
#STATION METEO / introduction à ARDUINO
......
......@@ -3,6 +3,8 @@ published: 2010-12-24
featured_image: page_images/test.jpg
quiz: robotArmQuiz
badge: electronique
desc: creation d'un petit bras robotique
cat: elec
......
......@@ -205,6 +205,7 @@ ul#menuSecond li a:hover {
margin-bottom: 30px;
border-radius: 2%;
text-align: center;
max-height: 300px;
}
.tutoItem .tutoBox img {
max-width: 110%;
......@@ -231,26 +232,26 @@ ul#menuSecond li a:hover {
margin-left: -10px;
transition: all 0.2s ease;
}
.tutoItem .tutoBox .green.overTuto:before {
.tutoItem .tutoBox .elec.overTuto:before {
background: #90ee90;
}
.tutoItem .tutoBox .blue.overTuto:before {
.tutoItem .tutoBox .prog.overTuto:before {
background: blue;
}
.tutoItem .tutoBox .red.overTuto:before {
.tutoItem .tutoBox .usinage.overTuto:before {
background: red;
}
.tutoItem .tutoBox:hover .green.overTuto:before {
background: url(../img/chip.png) no-repeat #90ee90;
.tutoItem .tutoBox:hover .elec.overTuto:before {
background: url(../img/electronique.png) no-repeat #90ee90;
background-position: center !important;
background-size: 40%;
}
.tutoItem .tutoBox:hover .blue.overTuto:before {
.tutoItem .tutoBox:hover .prog.overTuto:before {
background: url(../img/cncico.png) no-repeat blue;
background-position: center;
background-size: 40%;
}
.tutoItem .tutoBox:hover .red.overTuto:before {
.tutoItem .tutoBox:hover .usinage.overTuto:before {
background: url(../img/3dprint.png) no-repeat red;
background-position: center;
background-size: 40%;
......@@ -352,6 +353,10 @@ ul#menuSecond li a:hover {
background-image: url(../img/3dprint.png);
}
.maker {
background-image: url(../img/3dprint.png);
}
.badgeImg.active {
background-color: #2ecc71;
}
......
......@@ -371,6 +371,11 @@ ul {
}
.maker {
background-image: url(../img/3dprint.png) ;
}
.badgeImg.active{
......
......@@ -16,19 +16,37 @@
</div>
</div>
<div class="tutoWrapper">
<H3>LEARN</H3>
{% for article in articles %}
<li>
{% if article.featured_image %}
<div class="thumbnail">
<img class="document_thumbnail_img" src="../static/{{article.featured_image}}">
<div class="container-fluid">
<H3>LEARN</H3>
<div class="row no-gutter">
<div class="col col-12 col-sm-12 col-md-12 col-lg-12">
<div class="row">
{% for article in articles %}
<div class="col col-12 col-sm-6 col-md-4 col-lg-3 tutoItem">
<div class="tutoBox">
{% if article.featured_image %}
<img src="../static/{{article.featured_image}}">
<div class="overTuto {{ article.cat }}">
<h4>{{article.title}}</h4>
<span class="desc">{{article.desc}}</span>
</div>
{% else %}
<img src="../static/placeholder.jpg">
<div class="overTuto {{ article.cat }}">
<h4>{{article.title}}</h4>
<span class="desc">{{article.desc}}</span>
</div>
{% endif%}
</div>
</div>
{% endfor %}
</div>
</div>
</div>
{% else %}
<div class="thumbnail no-img"></div>
{% endif %}
<a href="/learn/{{article.path}}">{{article.title}}</a>
{% endfor %}
</li>
</div>
{% endblock %}
db.getCollection('user').find({})
\ 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