parent
37de485a71
commit
564fc00329
@ -1 +1,21 @@
|
||||
@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="Quote_container">
|
||||
<img class="image_carac" src="{{ srcImg }}" alt="{{ nameCarac }}">
|
||||
<h1 class="quote_content">
|
||||
<strong>
|
||||
{{ quoteContent }}
|
||||
</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 class="divQuote">
|
||||
<img class="imgQuote" src="../../images/vador.webp"/>
|
||||
<p class="quote"> <strong>"Je suis ton père"</strong></p>
|
||||
<p class="textQuote"> Star Wars V : L'Empire contre-attaque (1h45)</p>
|
||||
<p class="textQuote">Dark Vador</p>
|
||||
<p class="textQuote">1980</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in new issue