Intégration des ressources dans les messages

<div class="bbWrapper">
    <a href="/resources/ID_de_la_ressource/" class="resourceLink">
        <span class="resourceTitle">Nom de la ressource</span>
        <span class="resourceDescription">Description de la ressource</span>
        <img src="/data/resource_icons/ID_de_la_ressource.jpg" class="resourceIcon" />
    </a>
</div>

.bbWrapper {
    margin: 10px 0;
}

.resourceLink {
    display: block;
    background-color: #f7f7f7;
    padding: 10px;
    border-radius: 3px;
    text-decoration: none;
    color: #000;
}

.resourceLink:hover {
    background-color: #eee;
}

.resourceTitle {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.resourceDescription {
    display: block;
    margin-bottom: 5px;
}

.resourceIcon {
    float: left;
    margin-right: 10px;
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 3px;
}