Add Pathfinder module to intro

This commit is contained in:
Dejvino
2023-08-25 07:48:41 +02:00
parent 1aacc94008
commit c4314e0c64
11 changed files with 1699 additions and 2 deletions
+116 -2
View File
@@ -13,9 +13,123 @@
- you feel miserable and tired. <!-- .element: class="fragment" -->
---
<!-- .slide: data-transition="slide-in fade-out" -->
### ...but why?
---
<!-- .slide: data-transition="fade-in slide-out" -->
I don't feel like it.
I'm too tired now. <!-- .element: class="fragment" -->
I don't know how to do it. <!-- .element: class="fragment" -->
I'm too busy now. <!-- .element: class="fragment" -->
I'll do it, but first [☕]. <!-- .element: class="fragment" -->
---
<!-- .slide: class="pathfinder-page" -->
#### Trying it all
<header class="navbar hidden">
<nav class="navbar">
<div class="navbar-item">
<div class="custom-select">
<select class="algo-select">
<option value="BFS" selected>Breadth First Search</option>
</select>
</div>
</div>
<div class="navbar-item">
<div class="custom-select">
<select class="maze-algo-select">
<option value="Random" selected>Random Maze</option>
</select>
</div>
</div>
<div class="navbar-item">
<div class="speed-container slidecontainer">
<span class="range-caption">Speed</span>
<input type="range" class="slider range-speed" min="0" max="200" value="100">
</div>
</div>
</nav>
</header>
<div class="main-grid-container">
<div class="grid-container"><div class="grid" id="grid"></div></div>
</div>
<div class="pathfinder-rerun">Restart</div>
-V-
<!-- .slide: class="pathfinder-page" -->
#### Wandering around
<header class="navbar hidden">
<nav class="navbar">
<div class="navbar-item">
<div class="custom-select">
<select class="algo-select">
<option value="DFS" selected>Depth First Search</option>
</select>
</div>
</div>
<div class="navbar-item">
<div class="custom-select">
<select class="maze-algo-select">
<option value="Random" selected>Random Maze</option>
</select>
</div>
</div>
<div class="navbar-item">
<div class="speed-container slidecontainer">
<span class="range-caption">Speed</span>
<input type="range" class="slider range-speed" min="0" max="200" value="100">
</div>
</div>
</nav>
</header>
<div class="main-grid-container">
<div class="grid-container"><div class="grid"></div></div>
</div>
<div class="pathfinder-rerun">Restart</div>
-V-
<!-- .slide: class="pathfinder-page" -->
#### Having a goal
<header class="navbar hidden">
<nav class="navbar">
<div class="navbar-item">
<div class="custom-select">
<select class="algo-select">
<option value="Greedy" selected>Greedy Algorithm</option>
</select>
</div>
</div>
<div class="navbar-item">
<div class="custom-select">
<select class="maze-algo-select">
<option value="Random" selected>Random Maze</option>
</select>
</div>
</div>
<div class="navbar-item">
<div class="speed-container slidecontainer">
<span class="range-caption">Speed</span>
<input type="range" class="slider range-speed" min="0" max="200" value="100">
</div>
</div>
</nav>
</header>
<div class="main-grid-container">
<div class="grid-container"><div class="grid"></div></div>
</div>
<div class="pathfinder-rerun">Restart</div>
---
#### Decision Paralysis
@@ -24,7 +138,7 @@
- What if I choose the wrong one? <!-- .element: class="fragment" -->
- Should I try the other one? <!-- .element: class="fragment" -->
Deciding on anything hurts. Let's not do it *right now*.
Deciding on anything hurts. Let's not do it *now*.
<!-- .element: class="fragment r-fit-text" -->
---