parent
37de485a71
commit
564fc00329
@ -1 +1,21 @@
|
|||||||
@import url(./style.css);
|
@import url(./style.css);
|
||||||
|
|
||||||
|
body.dark-mode .divQuote{
|
||||||
|
background-color: black;
|
||||||
|
width: 30%;
|
||||||
|
margin-left: 2%;
|
||||||
|
margin-top: 3%;
|
||||||
|
border-radius: 25px;
|
||||||
|
border: 2px solid transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.dark-mode .imgQuote{
|
||||||
|
border-radius: 15%;
|
||||||
|
width: 60%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.dark-mode .textQuote, .quote{
|
||||||
|
font-family: "Lemon", serif;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@ -1,36 +1,10 @@
|
|||||||
<html>
|
|
||||||
<body>
|
<div class="divQuote">
|
||||||
<div class="Quote_container">
|
<img class="imgQuote" src="../../images/vador.webp"/>
|
||||||
<img class="image_carac" src="{{ srcImg }}" alt="{{ nameCarac }}">
|
<p class="quote"> <strong>"Je suis ton père"</strong></p>
|
||||||
<h1 class="quote_content">
|
<p class="textQuote"> Star Wars V : L'Empire contre-attaque (1h45)</p>
|
||||||
<strong>
|
<p class="textQuote">Dark Vador</p>
|
||||||
{{ quoteContent }}
|
<p class="textQuote">1980</p>
|
||||||
</strong>
|
|
||||||
</h1>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
{{ sourceName }}
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{{ nameCarac }}
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
{{ dateSortie }}
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<div class="like">
|
|
||||||
<p>
|
|
||||||
{{ nbLike }}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="Comment_Container">
|
|
||||||
{% if comment|length > 0%} <div>
|
|
||||||
{% for com in comment %}
|
|
||||||
<p class="userCom">{{ com.user }}</p>
|
|
||||||
<p class="com">{{ com.content }}</p>
|
|
||||||
{% endfor %} </div>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
Loading…
Reference in new issue