Skip to content

Commit

Permalink
Sync
Browse files Browse the repository at this point in the history
  • Loading branch information
@luboslenco
luboslenco committed Sep 13, 2023
1 parent c024b77 commit 05915b2
Show file tree
Hide file tree
Showing 2 changed files with 164 additions and 4 deletions.
84 changes: 82 additions & 2 deletions howto.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -139,11 +139,91 @@ <h1 class="display-5 pb-3">Create Your<br>PBR Textures<br>in <span class="text-b
<div class="col-md-6 p-lg-5 mx-auto my-5 bg-body-tertiary rounded pt-3">
<h1 class="display-3 fw-bold">How To</h1>
<h3 class="fw-normal text-muted mb-3">Learn ArmorLab by watching short clips.🎓</h3>
<!-- <a href="https://www.youtube.com/watch?v=m6eAMhwhdaE&list=PLsoJIZPOq9_r2aciBXDB0VBo3Z0lTI2En">YouTube Playlist</a> -->
<a href="https://www.youtube.com/watch?v=H0iOzWMIukE&list=PLsoJIZPOq9_pRqZm9Jsyw6hdcp_-Qm7qi">YouTube Playlist</a>
</div>

<div class="col-md-6 p-lg-5 mx-auto my-5 bg-body-tertiary rounded pt-3">
In construction. 🔨
<div class="accordion" id="accordionExample">

<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse00" aria-expanded="true" aria-controls="collapse00">
Photo to PBR Node
</button>
</h2>
<div id="collapse00" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
<div class="accordion-body" style="height:500px">
<iframe style="top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/qwrOfGpXUjw?rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>

<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse01" aria-expanded="true" aria-controls="collapse01">
Upscale Node
</button>
</h2>
<div id="collapse01" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body" style="height:500px">
<iframe style="top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/0RWoZm-aWCg?rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>

<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse02" aria-expanded="true" aria-controls="collapse02">
Inpaint Node
</button>
</h2>
<div id="collapse02" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body" style="height:500px">
<iframe style="top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/H0iOzWMIukE?rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>

<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse03" aria-expanded="true" aria-controls="collapse03">
Tiling Node
</button>
</h2>
<div id="collapse03" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body" style="height:500px">
<iframe style="top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/eWZgjL6HVPY?rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>

<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse04" aria-expanded="true" aria-controls="collapse04">
Text to Photo Node
</button>
</h2>
<div id="collapse04" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body" style="height:500px">
<iframe style="top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/32FdfhJlzng?rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>

<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse05" aria-expanded="true" aria-controls="collapse05">
Variance Node
</button>
</h2>
<div id="collapse05" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body" style="height:500px">
<iframe style="top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/-JSh8G-xwHA?rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>

</div>
</div>

<!------------------------------------->
Expand Down
84 changes: 82 additions & 2 deletions src/howto.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,11 +4,91 @@
<div class="col-md-6 p-lg-5 mx-auto my-5 bg-body-tertiary rounded pt-3">
<h1 class="display-3 fw-bold">How To</h1>
<h3 class="fw-normal text-muted mb-3">Learn ArmorLab by watching short clips.🎓</h3>
<!-- <a href="https://www.youtube.com/watch?v=m6eAMhwhdaE&list=PLsoJIZPOq9_r2aciBXDB0VBo3Z0lTI2En">YouTube Playlist</a> -->
<a href="https://www.youtube.com/watch?v=H0iOzWMIukE&list=PLsoJIZPOq9_pRqZm9Jsyw6hdcp_-Qm7qi">YouTube Playlist</a>
</div>

<div class="col-md-6 p-lg-5 mx-auto my-5 bg-body-tertiary rounded pt-3">
In construction. 🔨
<div class="accordion" id="accordionExample">

<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse00" aria-expanded="true" aria-controls="collapse00">
Photo to PBR Node
</button>
</h2>
<div id="collapse00" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
<div class="accordion-body" style="height:500px">
<iframe style="top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/qwrOfGpXUjw?rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>

<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse01" aria-expanded="true" aria-controls="collapse01">
Upscale Node
</button>
</h2>
<div id="collapse01" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body" style="height:500px">
<iframe style="top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/0RWoZm-aWCg?rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>

<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse02" aria-expanded="true" aria-controls="collapse02">
Inpaint Node
</button>
</h2>
<div id="collapse02" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body" style="height:500px">
<iframe style="top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/H0iOzWMIukE?rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>

<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse03" aria-expanded="true" aria-controls="collapse03">
Tiling Node
</button>
</h2>
<div id="collapse03" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body" style="height:500px">
<iframe style="top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/eWZgjL6HVPY?rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>

<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse04" aria-expanded="true" aria-controls="collapse04">
Text to Photo Node
</button>
</h2>
<div id="collapse04" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body" style="height:500px">
<iframe style="top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/32FdfhJlzng?rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>

<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse05" aria-expanded="true" aria-controls="collapse05">
Variance Node
</button>
</h2>
<div id="collapse05" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
<div class="accordion-body" style="height:500px">
<iframe style="top:0;left:0;width:100%;height:100%;" src="https://www.youtube.com/embed/-JSh8G-xwHA?rel=0&modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>

</div>
</div>

<!------------------------------------->

0 comments on commit 05915b2

Please sign in to comment.