Expand intro. Cleanup pathfinder styles.
This commit is contained in:
parent
c4314e0c64
commit
7ae4412bf8
@ -11,7 +11,6 @@
|
|||||||
<link rel="stylesheet" href="dist/reveal.css">
|
<link rel="stylesheet" href="dist/reveal.css">
|
||||||
<link rel="stylesheet" href="dist/theme/night.css">
|
<link rel="stylesheet" href="dist/theme/night.css">
|
||||||
|
|
||||||
<link rel="stylesheet" href="module/pathfinder/typo.css">
|
|
||||||
<link rel="stylesheet" href="module/pathfinder/main.css">
|
<link rel="stylesheet" href="module/pathfinder/main.css">
|
||||||
<link rel="stylesheet" href="module/pathfinder/grid.css">
|
<link rel="stylesheet" href="module/pathfinder/grid.css">
|
||||||
|
|
||||||
|
@ -8,13 +8,3 @@
|
|||||||
|
|
||||||
|
|
||||||
![Gif of Pathfinding](https://honzaap.github.io/Pathfinding/animation.gif)
|
![Gif of Pathfinding](https://honzaap.github.io/Pathfinding/animation.gif)
|
||||||
|
|
||||||
### Available algorithms:
|
|
||||||
* A*
|
|
||||||
* Djikstra's
|
|
||||||
* BFS
|
|
||||||
* DFS
|
|
||||||
* Greedy
|
|
||||||
|
|
||||||
### Installation
|
|
||||||
Just clone the repository and open index.html, no compilation is needed.
|
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
*{
|
.pathfinder-page * {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
outline: none;
|
outline: none;
|
||||||
@ -16,7 +16,7 @@
|
|||||||
--wall: #001834;
|
--wall: #001834;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pathfinder-page{
|
.pathfinder-page {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -179,17 +179,3 @@
|
|||||||
background: #000;
|
background: #000;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
/** FF*/
|
|
||||||
input[type="range"]::-moz-range-progress {
|
|
||||||
background-color: var(--start);
|
|
||||||
}
|
|
||||||
input[type="range"]::-moz-range-track {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
/* IE*/
|
|
||||||
input[type="range"]::-ms-fill-lower {
|
|
||||||
background-color: var(--start);
|
|
||||||
}
|
|
||||||
input[type="range"]::-ms-fill-upper {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
@ -1,15 +0,0 @@
|
|||||||
html{
|
|
||||||
font-family: "Roboto";
|
|
||||||
font-size: 1.3em;
|
|
||||||
}
|
|
||||||
a,p,span,h1,h2,h3,h4,h5,button,select,option{
|
|
||||||
font-family: "Roboto";
|
|
||||||
}
|
|
||||||
a{
|
|
||||||
text-decoration: none;
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
select,option,select::after,select::before{
|
|
||||||
border: none;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
@ -18,19 +18,71 @@
|
|||||||
|
|
||||||
---
|
---
|
||||||
<!-- .slide: data-transition="fade-in slide-out" -->
|
<!-- .slide: data-transition="fade-in slide-out" -->
|
||||||
I don't feel like it.
|
😐 "I don't feel like it."
|
||||||
|
|
||||||
I'm too tired now. <!-- .element: class="fragment" -->
|
"I'm too tired now." 😪 <!-- .element: class="fragment" -->
|
||||||
|
|
||||||
I don't know how to do it. <!-- .element: class="fragment" -->
|
😕 "I don't know how to do it." <!-- .element: class="fragment" -->
|
||||||
|
|
||||||
I'm too busy now. <!-- .element: class="fragment" -->
|
"I'm too busy now." 🧐 <!-- .element: class="fragment" -->
|
||||||
|
|
||||||
I'll do it, but first [☕]. <!-- .element: class="fragment" -->
|
😇 "I'll do it, but first [☕]." <!-- .element: class="fragment" -->
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### No, really. Why?
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### Expanding potential
|
||||||
|
|
||||||
|
Never before did we have so much...
|
||||||
|
|
||||||
|
- life expectancy, safety, stability <!-- .element: class="fragment" -->
|
||||||
|
- freedom, opportunity <!-- .element: class="fragment" -->
|
||||||
|
- accessible information, knowledge <!-- .element: class="fragment" -->
|
||||||
|
|
||||||
|
...and **so many options** to choose from!
|
||||||
|
<!-- .element: class="fragment r-fit-text" -->
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
### Decision Paralysis
|
||||||
|
|
||||||
|
We can easily become overwhelmed by options.
|
||||||
|
<!-- .element class="r-fit-text" -->
|
||||||
|
|
||||||
|
- What if I pick the wrong option? <!-- .element: class="fragment" -->
|
||||||
|
- Should I go back and try the other one? <!-- .element: class="fragment" -->
|
||||||
|
- Will this be the best use of my resources? <!-- .element: class="fragment" -->
|
||||||
|
- Shouldn't I spend more time researching this? <!-- .element: class="fragment" -->
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
#### Deciding on anything hurts,
|
||||||
|
|
||||||
|
#### so we leave it for *later*.
|
||||||
|
<!-- .element: class="fragment" -->
|
||||||
|
|
||||||
|
---
|
||||||
|
<!-- .slide: data-transition="slide-in fade-out" -->
|
||||||
|
#### But as the saying goes...
|
||||||
|
|
||||||
|
> The best is the mortal enemy of the good
|
||||||
|
|
||||||
|
— <cite>Montesquieu</cite>
|
||||||
|
|
||||||
|
---
|
||||||
|
<!-- .slide: data-transition="fade-in slide-out" -->
|
||||||
|
#### But as the saying goes...
|
||||||
|
|
||||||
|
> Premature optimization is the root of all evil
|
||||||
|
|
||||||
|
— <cite>Donald Knuth</cite>
|
||||||
|
|
||||||
---
|
---
|
||||||
<!-- .slide: class="pathfinder-page" -->
|
<!-- .slide: class="pathfinder-page" -->
|
||||||
#### Trying it all
|
#### Try out everything!
|
||||||
|
|
||||||
<header class="navbar hidden">
|
<header class="navbar hidden">
|
||||||
<nav class="navbar">
|
<nav class="navbar">
|
||||||
@ -64,7 +116,7 @@ I'll do it, but first [☕]. <!-- .element: class="fragment" -->
|
|||||||
|
|
||||||
-V-
|
-V-
|
||||||
<!-- .slide: class="pathfinder-page" -->
|
<!-- .slide: class="pathfinder-page" -->
|
||||||
#### Wandering around
|
#### Wandering aimlessly
|
||||||
|
|
||||||
<header class="navbar hidden">
|
<header class="navbar hidden">
|
||||||
<nav class="navbar">
|
<nav class="navbar">
|
||||||
@ -98,7 +150,7 @@ I'll do it, but first [☕]. <!-- .element: class="fragment" -->
|
|||||||
|
|
||||||
-V-
|
-V-
|
||||||
<!-- .slide: class="pathfinder-page" -->
|
<!-- .slide: class="pathfinder-page" -->
|
||||||
#### Having a goal
|
#### Having a vision
|
||||||
|
|
||||||
<header class="navbar hidden">
|
<header class="navbar hidden">
|
||||||
<nav class="navbar">
|
<nav class="navbar">
|
||||||
@ -132,17 +184,6 @@ I'll do it, but first [☕]. <!-- .element: class="fragment" -->
|
|||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
#### Decision Paralysis
|
|
||||||
|
|
||||||
- Too many options and paths to choose from! <!-- .element: class="fragment" -->
|
|
||||||
- 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 *now*.
|
|
||||||
<!-- .element: class="fragment r-fit-text" -->
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
### Ok, now what?
|
### Ok, now what?
|
||||||
|
|
||||||
#### Science to the rescue <!-- .element: class="fragment" -->
|
#### Science to the rescue <!-- .element: class="fragment" -->
|
||||||
@ -209,13 +250,6 @@ by Angela Duckworth
|
|||||||
-V-
|
-V-
|
||||||
<!-- .slide: data-background-color="#030" -->
|
<!-- .slide: data-background-color="#030" -->
|
||||||
|
|
||||||
*Focus: A Simplicity Manifesto in the Age of Distraction*
|
|
||||||
|
|
||||||
by Leo Babauta
|
|
||||||
|
|
||||||
-V-
|
|
||||||
<!-- .slide: data-background-color="#030" -->
|
|
||||||
|
|
||||||
*Flourish: A Visionary New Understanding of Happiness and Well-being*
|
*Flourish: A Visionary New Understanding of Happiness and Well-being*
|
||||||
|
|
||||||
by Martin Seligman
|
by Martin Seligman
|
||||||
@ -223,6 +257,13 @@ by Martin Seligman
|
|||||||
-V-
|
-V-
|
||||||
<!-- .slide: data-background-color="#030" -->
|
<!-- .slide: data-background-color="#030" -->
|
||||||
|
|
||||||
|
*Focus: A Simplicity Manifesto in the Age of Distraction*
|
||||||
|
|
||||||
|
by Leo Babauta
|
||||||
|
|
||||||
|
-V-
|
||||||
|
<!-- .slide: data-background-color="#030" -->
|
||||||
|
|
||||||
*Leaders Eat Last*
|
*Leaders Eat Last*
|
||||||
|
|
||||||
by Simon Sinek
|
by Simon Sinek
|
||||||
|
@ -37,11 +37,11 @@ overestimate their abilities.
|
|||||||
|
|
||||||
Those who don't know
|
Those who don't know
|
||||||
|
|
||||||
don't know
|
don't even know
|
||||||
|
|
||||||
that they don't know.
|
that they don't know.
|
||||||
|
|
||||||
(also not a haiku) <!-- .element: class="fragment lightweight" -->
|
(not a haiku) <!-- .element: class="fragment lightweight" -->
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user