Merge branch 'controllers' of https://codefirst.iut.uca.fr/git/Assasymfony/Fukafukashita into profilController
commit
b10d389d95
@ -0,0 +1,34 @@
|
|||||||
|
:root {
|
||||||
|
font-family: "Helvetica", 'Courier New', Courier, monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
#wrapper {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 1rem;
|
||||||
|
margin: 2em auto;
|
||||||
|
width: 70%;
|
||||||
|
|
||||||
|
>h1 {
|
||||||
|
color: white;
|
||||||
|
font-size: 3em;
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
--s: 257px;
|
||||||
|
/* control the size */
|
||||||
|
--c1: #38476b;
|
||||||
|
--c2: #bda3b6;
|
||||||
|
|
||||||
|
--_c: var(--c1) calc(100% - var(--s)/2) 99%, #0000;
|
||||||
|
--_g: var(--s), #0000 calc(99% - var(--s)/2), var(--_c);
|
||||||
|
background:
|
||||||
|
radial-gradient(var(--s) at 100% var(--_g)),
|
||||||
|
radial-gradient(calc(var(--s)/4) at 50% calc(100%/3), var(--_c)) var(--s) 0,
|
||||||
|
radial-gradient(var(--s) at 0% var(--_g)) 0 calc(3*var(--s)) var(--c2);
|
||||||
|
background-size:
|
||||||
|
calc(2*var(--s)) calc(9*var(--s)/4),
|
||||||
|
calc(2*var(--s)) calc(3*var(--s)/4);
|
||||||
|
}
|
@ -0,0 +1,24 @@
|
|||||||
|
#post-wrapper {
|
||||||
|
background-color: #f2f2f7;
|
||||||
|
border: 3px solid black;
|
||||||
|
border-radius: 1rem;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#post-info {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#post {
|
||||||
|
h1 {
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
white-space: pre-wrap;
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
}
|
@ -1,9 +1,11 @@
|
|||||||
<h1>All website posts</h1>
|
<link rel="stylesheet" href="{{ asset('css/components/post_mini.css') }}">
|
||||||
|
<link rel="stylesheet" href="{{ asset('css/components/post_all.css') }}">
|
||||||
|
|
||||||
|
|
||||||
|
<div id="wrapper">
|
||||||
|
<h1>All posts</h1>
|
||||||
|
|
||||||
{% for post in posts %}
|
{% for post in posts %}
|
||||||
<div>
|
{% include 'post/post_mini.html.twig' with {'post' : post} %}
|
||||||
<span>Id: {{ post.id }}</span>
|
|
||||||
<span>Title: {{ post.title }}</span>
|
|
||||||
<span>Content: {{ post.text }}</span>
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
@ -0,0 +1,13 @@
|
|||||||
|
<div id="post-wrapper">
|
||||||
|
<div id="post">
|
||||||
|
<div id="post-info">
|
||||||
|
<img src="https://api.dicebear.com/8.x/big-smile/svg?seed={{ post.profil.name }}" width="40px">
|
||||||
|
<span>{{ post.profil.name }}</span>
|
||||||
|
{# <span>- {{ post.dateCreated }}</span> #}
|
||||||
|
<span>- Il y a 3 jours</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h1 id="post-title">{{ post.title }}</h1>
|
||||||
|
<p>{{ post.text|u.truncate(150, true, '...') }}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
Binary file not shown.
Loading…
Reference in new issue