54 lines
2.5 KiB
HTML
54 lines
2.5 KiB
HTML
<div class="column is-one-quarter" draggable="true" id="card-container"> <!-- Removendo o link do card para envolver o card em uma coluna -->
|
|
<div class="card" style="border: 5px solid; background-image: url(/assets/img/peoples/OIG4.K.jpg); background-position: center;"> <!-- Removendo a classe card-link e adicionando a classe card diretamente ao div do card -->
|
|
<div class="card-content">
|
|
<h1 class="title is-size-4 card-name px-3 py-2" style="border: 2px solid; ">{{ people_item.name }}</h1>
|
|
</div>
|
|
<div class="card-image">
|
|
<figure class="image is-square" style="border: 2px solid; position: relative; overflow: hidden;">
|
|
<div style="padding-bottom: 30%; overflow: hidden;">
|
|
<img src="{{ people_item.img }}" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;">
|
|
</div>
|
|
</figure>
|
|
</div>
|
|
|
|
<div class="card-content">
|
|
<div class="content my-2">
|
|
<div class="has-background-white" style="border: 2px solid; height: 100px;">
|
|
<div class="" style="height: 70%;">
|
|
<p class="mx-3 mt-1 is-size-6">{{ people_item.descricao }}</p>
|
|
</div>
|
|
<div class="is-flex is-flex-direction-row">
|
|
<div class="is-flex is-flex-grow-1 is-justify-content-center ">
|
|
{% if people_item.github %}
|
|
<a href='{{ people_item.github }}' class="is-flex is-flex-direction-row is-align-items-center mx-3">
|
|
<h3 class="is-size-6 mx-3">Github</h3>
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
<div class="is-flex is-flex-grow-1 is-justify-content-center ">
|
|
{% if people_item.lattes %}
|
|
<a href='{{ people_item.lattes }}' class="is-flex is-flex-direction-row is-align-items-center mx-3">
|
|
<h3 class="is-size-6">Lattes</h3>
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
/* Adicione estilos para cards sendo arrastados */
|
|
.dragging {
|
|
opacity: 0.5;
|
|
}
|
|
/* Adicione estilos para cards */
|
|
.card {
|
|
background-color: #f0f0f0;
|
|
border: 1px solid #ccc;
|
|
cursor: pointer;
|
|
}
|
|
</style>
|