Skip to content

Commit

Permalink
Added trajectories tutorial
Browse files Browse the repository at this point in the history
  • Loading branch information
@gbayarri
gbayarri committed Nov 30, 2023
1 parent 57c5bec commit d8211e6
Show file tree
Hide file tree
Showing 2 changed files with 42 additions and 1 deletion.
Binary file added assets/img/tutorials/tutorial03.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
43 changes: 42 additions & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -215,7 +215,15 @@ <h2 class="page-section-heading text-center text-uppercase text-secondary mb-0">
</div>
<img class="img-fluid" src="assets/img/tutorials/tutorial02.png" alt="..." />
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-5">
<div class="portfolio-item mx-auto" data-bs-toggle="modal" data-bs-target="#tutorialsModal3">
<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
<div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i><br><span class="minitit-gallery">Create a movie with a trajectory</span></div>
</div>
<img class="img-fluid" src="assets/img/tutorials/tutorial03.png" alt="..." />
</div>
</div>
<div class="col-md-6 col-lg-4 mb-5">
<div class="portfolio-item mx-auto" data-bs-toggle="modal" data-bs-target="#tutorialsModal4">
<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
Expand Down Expand Up @@ -796,6 +804,39 @@ <h5 class="portfolio-modal-title text-secondary text-uppercase mb-0">Create a mo
</div>
</div>

<!-- Tutorials Modal 3-->
<div class="portfolio-modal modal fade" id="tutorialsModal3" tabindex="-1" aria-labelledby="tutorialsModal3" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header border-0"><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button></div>
<div class="modal-body text-center pb-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<!-- Portfolio Modal - Title-->
<h5 class="portfolio-modal-title text-secondary text-uppercase mb-0">Create a movie with a topology and a trajectory</h5>
<!-- Icon Divider-->
<div class="divider-custom">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fa-solid fa-photo-film"></i></div>
<div class="divider-custom-line"></div>
</div>
<!-- Portfolio Modal - Image-->
<iframe width="560" height="315" src="https://www.youtube.com/embed/PZPbqmwKfzI?si=L2rLMmIt7jrMJii8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<!-- Portfolio Modal - Text-->
<p class="my-4">In this tutorial we <strong>create a movie</strong> with different clips and representations and custom selections providing a <strong>trajectory</strong> and its corresponding <strong>topology</strong>. We see in deep how to modify the <strong>trajectory parameters</strong>. More <strong>information in the subtitles</strong> of the video, please <strong>enable</strong> them in case you have captions disabled in your <strong>personal settings</strong>.</p>
<button class="btn btn-primary" data-bs-dismiss="modal">
<i class="fas fa-xmark fa-fw"></i>
Close Window
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<!-- Tutorials Modal 4-->
<div class="portfolio-modal modal fade" id="tutorialsModal4" tabindex="-1" aria-labelledby="tutorialsModal4" aria-hidden="true">
<div class="modal-dialog modal-xl">
Expand Down

0 comments on commit d8211e6

Please sign in to comment.