Skip to content

Commit

Permalink
carrossel funcionando
Browse files Browse the repository at this point in the history
  • Loading branch information
bolzanMGB committed Dec 18, 2024
1 parent bdb9d42 commit 2731245
Show file tree
Hide file tree
Showing 13 changed files with 205 additions and 4 deletions.
Binary file modified mamutes/Users/__pycache__/__init__.cpython-312.pyc
Binary file not shown.
Binary file modified mamutes/Users/__pycache__/admin.cpython-312.pyc
Binary file not shown.
Binary file modified mamutes/Users/__pycache__/apps.cpython-312.pyc
Binary file not shown.
Binary file modified mamutes/Users/__pycache__/forms.cpython-312.pyc
Binary file not shown.
Binary file modified mamutes/Users/__pycache__/models.cpython-312.pyc
Binary file not shown.
Binary file modified mamutes/Users/__pycache__/views.cpython-312.pyc
Binary file not shown.
18 changes: 18 additions & 0 deletions mamutes/Users/migrations/0006_membroequipe_profile_picture.py
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
# Generated by Django 5.1.4 on 2024-12-10 00:46

from django.db import migrations, models


class Migration(migrations.Migration):

dependencies = [
('Users', '0005_area_function_membroequipe_areas_and_more'),
]

operations = [
migrations.AddField(
model_name='membroequipe',
name='profile_picture',
field=models.ImageField(blank=True, null=True, upload_to='profile_pictures/'),
),
]
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
# Generated by Django 5.1.4 on 2024-12-16 23:40

from django.db import migrations


class Migration(migrations.Migration):

dependencies = [
('Users', '0006_membroequipe_profile_picture'),
]

operations = [
migrations.RemoveField(
model_name='membroequipe',
name='profile_picture',
),
]
Binary file modified mamutes/db.sqlite3
Binary file not shown.
11 changes: 9 additions & 2 deletions mamutes/guest/static/css/home.css
Original file line number Diff line number Diff line change
Expand Up @@ -782,10 +782,17 @@ path{
display: flex;
justify-content: center;
align-items: flex-start;
transition: transform 0.3s ease-in-out;
}

.carousel-item.active {
transform: scale(1.2);
.carousel-item:hover {
transform: scale(1.05);
transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
opacity: 0.85;
}

.carousel-item .carousel-item-inner {
pointer-events: none;
}

.card-hall{
Expand Down
43 changes: 43 additions & 0 deletions mamutes/guest/static/scripts/index.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
const carouselTrack = document.querySelector('.carousel-track');
const carouselItems = document.querySelectorAll('.carousel-item');
const totalItems = carouselItems.length;

const itemWidth = carouselItems[0].offsetWidth;
const gap = 16;
const fullItemWidth = itemWidth + gap;

let offset = 0;
const speed = 1;
let isPaused = false;

function moveCarousel() {
if (!isPaused) {
offset -= speed;

if (offset <= -fullItemWidth) {
carouselTrack.appendChild(carouselTrack.firstElementChild);
offset += fullItemWidth;
}

carouselTrack.style.transition = 'none';
carouselTrack.style.transform = `translateX(${offset}px)`;

setTimeout(() => {
carouselTrack.style.transition = 'transform 0.5s ease';
}, 100);
}

requestAnimationFrame(moveCarousel);
}

carouselTrack.addEventListener('mouseover', () => {
isPaused = true;
});

carouselTrack.addEventListener('mouseout', () => {
isPaused = false;
});


moveCarousel();

120 changes: 118 additions & 2 deletions mamutes/guest/templates/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -217,7 +217,7 @@
</div>
</section>

<section id="halldafama" class="halldafama"">
<section id="halldafama" class="halldafama">
<div class="hall-text-apres">
<div class="titulo-hall">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="49" viewBox="0 0 48 49" fill="none">
Expand Down Expand Up @@ -390,6 +390,120 @@
</div>
</div>
</div>

<div class="carousel-item">
<div class="card-hall">
<div class="infos-card-hall">
<div class="nome-area-hall">
<span class="area-hall">
Cargas e Aeroelasticidade, Estabilidade e Controle
</span>
<div class="nome-cargo-hall">
<span class="nome-hall">Mylena Rodrigues Gomes Arão</span>
<span class="cargo-hall">Engenheira de desenvolvimento de produto (Foco em comandos de vôo) - EMBRAER</span>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="13" viewBox="0 0 18 13" fill="none">
<mask id="mask0_316_76" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="9" y="0" width="9" height="13">
<path d="M9.75732 0.130249H17.675V12.5924H9.75732V0.130249Z" fill="white"/>
</mask>
<g mask="url(#mask0_316_76)">
<path d="M9.76733 8.63145C9.76733 3.98481 13.203 0.766886 17.6718 0.12854C15.2115 1.41605 13.66 3.13934 13.4402 4.68797C15.5495 4.51736 17.4595 6.16477 17.6545 8.2587C17.848 10.3372 16.3325 12.263 14.2609 12.5467C13.6042 12.6365 12.9213 12.561 12.3029 12.3201C11.9888 12.199 11.6948 12.0405 11.4211 11.8446C11.182 11.6721 10.8602 11.4438 10.7063 11.1869C10.0988 10.4842 9.76733 9.55787 9.76733 8.63145Z" fill="#1F1A99"/>
</g>
<mask id="mask1_316_76" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="9" height="13">
<path d="M0.325195 0.130249H8.24291V12.5924H0.325195V0.130249Z" fill="white"/>
</mask>
<g mask="url(#mask1_316_76)">
<path d="M0.325195 8.63145C0.325195 3.98481 3.7603 0.766886 8.22964 0.12854C5.76938 1.41605 4.21789 3.13934 3.99817 4.68797C6.10749 4.51736 8.01737 6.16477 8.21232 8.2587C8.40567 10.3372 6.89033 12.263 4.81888 12.5467C4.16203 12.6365 3.47915 12.561 2.86075 12.3201C2.54664 12.199 2.25265 12.0405 1.97894 11.8446C1.7398 11.6721 1.41826 11.4438 1.26412 11.1869C0.656621 10.4842 0.325195 9.55787 0.325195 8.63145Z" fill="#1F1A99"/>
</g>
</svg>
</div>
<p class="depoimento">
Me deu vontade de não desistir da faculdade.
</p>
<div class="div-imagem-hall">
<div class="guardaimg-card">
<img src="{% static 'img/imagem-pessoa.png' %}" class="img-card-hall">
</div>
</div>
</div>
</div>

<div class="carousel-item">
<div class="card-hall">
<div class="infos-card-hall">
<div class="nome-area-hall">
<span class="area-hall">
Cargas e Aeroelasticidade, Estabilidade e Controle
</span>
<div class="nome-cargo-hall">
<span class="nome-hall">Mylena Rodrigues Gomes Arão</span>
<span class="cargo-hall">Engenheira de desenvolvimento de produto (Foco em comandos de vôo) - EMBRAER</span>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="13" viewBox="0 0 18 13" fill="none">
<mask id="mask0_316_76" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="9" y="0" width="9" height="13">
<path d="M9.75732 0.130249H17.675V12.5924H9.75732V0.130249Z" fill="white"/>
</mask>
<g mask="url(#mask0_316_76)">
<path d="M9.76733 8.63145C9.76733 3.98481 13.203 0.766886 17.6718 0.12854C15.2115 1.41605 13.66 3.13934 13.4402 4.68797C15.5495 4.51736 17.4595 6.16477 17.6545 8.2587C17.848 10.3372 16.3325 12.263 14.2609 12.5467C13.6042 12.6365 12.9213 12.561 12.3029 12.3201C11.9888 12.199 11.6948 12.0405 11.4211 11.8446C11.182 11.6721 10.8602 11.4438 10.7063 11.1869C10.0988 10.4842 9.76733 9.55787 9.76733 8.63145Z" fill="#1F1A99"/>
</g>
<mask id="mask1_316_76" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="9" height="13">
<path d="M0.325195 0.130249H8.24291V12.5924H0.325195V0.130249Z" fill="white"/>
</mask>
<g mask="url(#mask1_316_76)">
<path d="M0.325195 8.63145C0.325195 3.98481 3.7603 0.766886 8.22964 0.12854C5.76938 1.41605 4.21789 3.13934 3.99817 4.68797C6.10749 4.51736 8.01737 6.16477 8.21232 8.2587C8.40567 10.3372 6.89033 12.263 4.81888 12.5467C4.16203 12.6365 3.47915 12.561 2.86075 12.3201C2.54664 12.199 2.25265 12.0405 1.97894 11.8446C1.7398 11.6721 1.41826 11.4438 1.26412 11.1869C0.656621 10.4842 0.325195 9.55787 0.325195 8.63145Z" fill="#1F1A99"/>
</g>
</svg>
</div>
<p class="depoimento">
Me deu vontade de não desistir da faculdade.
</p>
<div class="div-imagem-hall">
<div class="guardaimg-card">
<img src="{% static 'img/imagem-pessoa.png' %}" class="img-card-hall">
</div>
</div>
</div>
</div>

<div class="carousel-item">
<div class="card-hall">
<div class="infos-card-hall">
<div class="nome-area-hall">
<span class="area-hall">
Cargas e Aeroelasticidade, Estabilidade e Controle
</span>
<div class="nome-cargo-hall">
<span class="nome-hall">Mylena Rodrigues Gomes Arão</span>
<span class="cargo-hall">Engenheira de desenvolvimento de produto (Foco em comandos de vôo) - EMBRAER</span>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="13" viewBox="0 0 18 13" fill="none">
<mask id="mask0_316_76" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="9" y="0" width="9" height="13">
<path d="M9.75732 0.130249H17.675V12.5924H9.75732V0.130249Z" fill="white"/>
</mask>
<g mask="url(#mask0_316_76)">
<path d="M9.76733 8.63145C9.76733 3.98481 13.203 0.766886 17.6718 0.12854C15.2115 1.41605 13.66 3.13934 13.4402 4.68797C15.5495 4.51736 17.4595 6.16477 17.6545 8.2587C17.848 10.3372 16.3325 12.263 14.2609 12.5467C13.6042 12.6365 12.9213 12.561 12.3029 12.3201C11.9888 12.199 11.6948 12.0405 11.4211 11.8446C11.182 11.6721 10.8602 11.4438 10.7063 11.1869C10.0988 10.4842 9.76733 9.55787 9.76733 8.63145Z" fill="#1F1A99"/>
</g>
<mask id="mask1_316_76" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="9" height="13">
<path d="M0.325195 0.130249H8.24291V12.5924H0.325195V0.130249Z" fill="white"/>
</mask>
<g mask="url(#mask1_316_76)">
<path d="M0.325195 8.63145C0.325195 3.98481 3.7603 0.766886 8.22964 0.12854C5.76938 1.41605 4.21789 3.13934 3.99817 4.68797C6.10749 4.51736 8.01737 6.16477 8.21232 8.2587C8.40567 10.3372 6.89033 12.263 4.81888 12.5467C4.16203 12.6365 3.47915 12.561 2.86075 12.3201C2.54664 12.199 2.25265 12.0405 1.97894 11.8446C1.7398 11.6721 1.41826 11.4438 1.26412 11.1869C0.656621 10.4842 0.325195 9.55787 0.325195 8.63145Z" fill="#1F1A99"/>
</g>
</svg>
</div>
<p class="depoimento">
Me deu vontade de não desistir da faculdade.
</p>
<div class="div-imagem-hall">
<div class="guardaimg-card">
<img src="{% static 'img/imagem-pessoa.png' %}" class="img-card-hall">
</div>
</div>
</div>
</div>
</div>
</div>
<p class="aparecer-hall">Fez parte da Mamutes e quer aparecer aqui também? <a class="clique-hall" target="_blank" rel="noopener noreferrer" href="https://docs.google.com/forms/d/e/1FAIpQLSeWypugBla9NkrbHpuS2zU-Xz-fnrAjlXEt8TosyV63FRndrw/viewform">Clique aqui!</a></p>
Expand Down Expand Up @@ -570,7 +684,7 @@
</a>
<span>Facebook</span>
</div>
<a href="https://www.facebook.com/mamutesdocerrado.unb/?locale=pt_BR" name="facebook" target="_blank" rel="noopener noreferrer">/mamutesdocerrado</a>
<a href="https://www.facebook.com/mamcd utesdocerrado.unb/?locale=pt_BR" name="facebook" target="_blank" rel="noopener noreferrer">/mamutesdocerrado</a>
</div>
<div class="contato-container">
<div class="info-contato">
Expand All @@ -587,5 +701,7 @@
</section>

</div>

<script src="{% static 'scripts/index.js' %}"></script>
{% endblock %}

Binary file added mamutes/media/profile_pictures/pfp-pic.jfif
Binary file not shown.

0 comments on commit 2731245

Please sign in to comment.