65 lines
2.6 KiB
HTML
65 lines
2.6 KiB
HTML
<div class="column is-one-quarter">
|
|
<div class="box">
|
|
<div class="rounded">
|
|
<img src="{{ people_item.img }}" class="rounded">
|
|
</div>
|
|
<div class="box-name py-6">
|
|
<h4>{{ people_item.name }}</h4>
|
|
<p>{{ people_item.descricao }}</p>
|
|
</div>
|
|
<div class="redes">
|
|
{% if people_item.github %}
|
|
<a href='{{ people_item.github }}'>
|
|
<img src="/assets/logos/GitHub-Logos/GitHub_Logo.png">
|
|
</a>
|
|
{% endif %}
|
|
|
|
|
|
{% if people_item.lattes %}
|
|
<a href='{{ people_item.lattes }}'>
|
|
<img src="/assets/logos/Lattes-Logos/lattesNBG.png">
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--
|
|
<div class="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> --> |