Add book covers

Improve pathfinder sizing
Add and improve images
--- a/README.md
+++ b/README.md
@@ -11,5 +11,22 @@ npm start
 Open [localhost:8000](http://localhost:8000) in your browser.
 ## Built using Reveal.JS
 ## Credits
 This presentation was prepared using the following resources:
 ### Books
 - [The End of Procrastination](https://procrastination.com/book), Petr Ludwig
 - Grit: The Power of Passion and Perseverance, Angela Duckworth
 - Flourish: A Visionary New Understanding of Happiness and Well-being, Martin Seligman
 - Focus: A Simplicity Manifesto in the Age of Distraction, Leo Babauta
 - Leaders Eat Last, Simon Sinek
 ### Stable Diffusion
 Illustration images generated locally on my GPU using SD 2.0
 ### Pathfinding Visualizer
 Adapted from [github.com/honzaap/Pathfinding](https://github.com/honzaap/Pathfinding)
 ### Built using Reveal.JS
 reveal.js is an open source HTML presentation framework. It enables anyone with a web browser to create beautiful presentations for free. Check out the live demo at [revealjs.com](https://revealjs.com/).
--- a/index.html
+++ b/index.html
@@ -66,8 +66,7 @@
 <body>
 	<div class="reveal">
 		<div class="slides">
 			<section data-background-image="slides/business_man_with_smartphone.jpg" data-background-opacity="0.3"
 				data-background-gradient="linear-gradient(to bottom, #00f, #000, #000, #f00)">
 			<section data-background-image="slides/cover.jpg" data-background-opacity="0.3">
 				<h1 class="r-fit-text">The End of Procrastination</h1>
 				<h4>A personal experience</h4>
 				<div>&nbsp;</div>
@@ -78,7 +77,7 @@
 					</small>
 				</div>
 			</section>
 			<section data-background-color="#522">
 			<section data-background-color="#522" data-background-image="slides/procrastinating.jpg" data-background-opacity="0.3">
 				<dl>
 					<dt>
 						procrastinate
--- a/module/pathfinder/grid.css
+++ b/module/pathfinder/grid.css
@@ -1,6 +1,5 @@
 .main-grid-container{
    height: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
--- a/module/pathfinder/main.js
+++ b/module/pathfinder/main.js
@@ -83,7 +83,7 @@ function spawnPathfinder(root) {
    let algo_select = root.getElementsByClassName("algo-select")[0];
    let maze_algo_select = root.getElementsByClassName("maze-algo-select")[0];
    const window_y = body.scrollHeight - navbar_HTML.scrollHeight;
    const window_y = (body.scrollHeight - navbar_HTML.scrollHeight);
    const window_x = body.scrollWidth;
    let horizontal_cells;
@@ -101,7 +101,7 @@ function spawnPathfinder(root) {
    vertical_cells = Math.floor(window_y / 35);
    horizontal_cells = Math.floor( (window_x - horizontal_cells) /35);
    vertical_cells = Math.floor( (window_y - vertical_cells) / 35);
    vertical_cells = Math.floor( (window_y - vertical_cells) / 35 * 0.9);
    grid_HTML.style.width = `${horizontal_cells * 35}px`;
    grid_HTML.style.height = `${vertical_cells * 30}px`;
--- a/slides/books/end_of_procrastination.png
+++ b/slides/books/end_of_procrastination.png
--- a/slides/books/flourish.jpg
+++ b/slides/books/flourish.jpg
--- a/slides/books/focus.jpg
+++ b/slides/books/focus.jpg
--- a/slides/books/grit.jpg
+++ b/slides/books/grit.jpg
--- a/slides/books/leaders.jpg
+++ b/slides/books/leaders.jpg
--- a/slides/cover.jpg
+++ b/slides/cover.jpg
--- a/slides/goal_based_motivation.jpg
+++ b/slides/goal_based_motivation.jpg
--- a/slides/intro.md
+++ b/slides/intro.md
@@ -20,13 +20,13 @@
 <!-- .slide: data-transition="fade-in slide-out" -->
 😐 "I don't feel like it."
 "I'm too tired now." 😪 <!-- .element: class="fragment" -->
 "I'm way too tired." 😪 <!-- .element: class="fragment" -->
 😕 "I don't know how to do it." <!-- .element: class="fragment" -->
 "I'm too busy now." 🧐 <!-- .element: class="fragment" -->
 "I'm very busy now." 🧐 <!-- .element: class="fragment" -->
 😇 "I'll do it, but first [☕]." <!-- .element: class="fragment" -->
 😇 "I will do it, but first [☕]." <!-- .element: class="fragment" -->
 -V-
@@ -36,7 +36,7 @@
 ### Expanding potential
 Never before did we have so much...
 Never before in history did we have so much... <!-- .element: class="fragment" -->
 - life expectancy, safety, stability <!-- .element: class="fragment" -->
 - freedom, opportunity <!-- .element: class="fragment" -->
@@ -230,6 +230,7 @@ Master's degree in Informatics,<br/>Parallel and Distributed Systems
 - I can't keep up at work <!-- .element: class="fragment" -->
 - I'm scared of the next workday <!-- .element: class="fragment" -->
 What's wrong?<!-- .element: class="fragment" -->
 -V-
 <!-- .slide: data-background-color="#030" data-background-image="slides/books.jpg" data-background-opacity="0.05" -->
 ### Library to the rescue!
@@ -245,6 +246,8 @@ Master's degree in Informatics,<br/>Parallel and Distributed Systems
 by Petr Ludwig
 <img data-src="slides/books/end_of_procrastination.png" alt="Book cover" class="r-stretch" />
 -V-
 <!-- .slide: data-background-color="#030" -->
@@ -252,6 +255,8 @@ by Petr Ludwig
 by Angela Duckworth
 <img data-src="slides/books/grit.jpg" alt="Book cover" class="r-stretch" />
 -V-
 <!-- .slide: data-background-color="#030" -->
@@ -259,6 +264,8 @@ by Angela Duckworth
 by Martin Seligman
 <img data-src="slides/books/flourish.jpg" alt="Book cover" class="r-stretch" />
 -V-
 <!-- .slide: data-background-color="#030" -->
@@ -266,9 +273,13 @@ by Martin Seligman
 by Leo Babauta
 <img data-src="slides/books/focus.jpg" alt="Book cover" class="r-stretch" />
 -V-
 <!-- .slide: data-background-color="#030" -->
 *Leaders Eat Last*
 by Simon Sinek
 <img data-src="slides/books/leaders.jpg" alt="Book cover" class="r-stretch" />
--- a/slides/journey_based_motivation.jpg
+++ b/slides/journey_based_motivation.jpg
--- a/slides/motivation.md
+++ b/slides/motivation.md
@@ -32,7 +32,7 @@ We have our own target and we follow it.
 ---
 ### Goal-based motivation
 <!-- .slide: data-background-image="slides/goal_based_motivation.jpg" data-background-size="contain" data-background-opacity="0.3" -->
 We want to achieve something in the future. 
 - Pros: it works! <!-- .element: class="fragment" -->
@@ -41,7 +41,7 @@ We want to achieve something in the future.
 - requires more and more demanding goals <!-- .element: class="fragment" -->
 -V-
 <!-- .slide: data-background-image="slides/hedonic_treadmill.jpg" data-background-opacity="0.1" -->
 <!-- .slide: data-background-image="slides/hedonic_treadmill.jpg" data-background-size="contain" data-background-opacity="0.1" -->
 ### Hedonic treadmill <a class="reference" href="https://en.wikipedia.org/wiki/Hedonic_treadmill">🔗</a>
 > Humans quickly return to a relatively stable level of happiness despite major positive or negative events.
@@ -61,7 +61,7 @@ created by setting bigger and bigger goals. <!-- .element: class="fragment" -->
 ---
 ### Journey-based motivation
 <!-- .slide: data-background-image="slides/journey_based_motivation.jpg" data-background-size="contain" data-background-opacity="0.3" -->
 Enjoy the ride, the destination is secondary.
 - happiness now, not just at the end <!-- .element: class="fragment" -->
@@ -99,18 +99,18 @@ and boosts the entire group. <!-- .element: class="fragment" -->
 <!-- .element: class="fragment" -->
 ---
 <!-- .slide: data-background-color="#542" data-background-image="slides/personal_vision.jpg" data-background-opacity="0.3" -->
 <!-- .slide: data-background-color="#542" data-background-image="slides/personal_vision.jpg" data-background-size="contain" data-background-opacity="0.5" -->
 ### TOOL: Personal Vision
 <!-- .element: class="text-over-image" -->
 -V-
 <!-- .slide: data-background-color="#542" data-background-image="slides/personal_vision.jpg" data-background-opacity="0.2" -->
 <!-- .slide: data-background-color="#542" data-background-image="slides/personal_vision.jpg" data-background-size="contain" data-background-opacity="0.3" -->
 What is the direction of your journey?
 What gets out of bed in the morning?
 -V-
 <!-- .slide: data-background-color="#542" data-background-image="slides/personal_vision.jpg" data-background-opacity="0.1" -->
 <!-- .slide: data-background-color="#542" data-background-image="slides/personal_vision.jpg" data-background-size="contain" data-background-opacity="0.1" -->
 #### How to build a Personal Vision?
 1. SWOT analysis
 2. Achievements
@@ -119,7 +119,7 @@ What gets out of bed in the morning?
 5. Final Personal Vision
 ---
 <!-- .slide: data-background-color="#542" -->
 #### Step 1:
 ### Personal SWOT
@@ -129,18 +129,18 @@ What gets out of bed in the morning?
 - T - Threats
 -V-
 <!-- .slide: data-background-color="#542" -->
 Time to reflect on yourself!
 -V-
 <!-- .slide: data-background-color="#542" -->
 #### Strengths
 - skills, traits and qualities you have
 - using them supports flow
 - personal vision makes use of these as much as possible
 -V-
 <!-- .slide: data-background-color="#542" -->
 #### Weaknesses
 - qualities you lack; limitations and negative traits
 - using them retards flow
@@ -149,7 +149,7 @@ Time to reflect on yourself!
 These can be improved, but don't devote too much time to it. <!-- .element: class="fragment" -->
 -V-
 <!-- .slide: data-background-color="#542" -->
 #### Opportunities
 - possibilities today's world offers to us
 - using them supports flow
@@ -162,7 +162,7 @@ These can be improved, but don't devote too much time to it. <!-- .element: clas
 to avoid decision paralysis or regrets. <!-- .element: class="fragment" -->
 -V-
 <!-- .slide: data-background-color="#542" -->
 #### Threats
 - risks, possible negative impacts or scenarios
 - take them into account
@@ -210,7 +210,7 @@ These can be improved, but don't devote too much time to it. <!-- .element: clas
    - having to use Windows
 ---
 <!-- .slide: data-background-color="#542" -->
 #### Step 2:
 ### Personal Achievements
 - things you are proud of or that brought you joy
@@ -230,7 +230,7 @@ These can be improved, but don't devote too much time to it. <!-- .element: clas
 - ...
 ---
 <!-- .slide: data-background-color="#542" -->
 #### Step 3:
 ### Analyzing motivating activities
@@ -247,7 +247,7 @@ Categories of activities:
 </div>
 -V-
 <!-- .slide: data-background-color="#542" -->
 #### Growth : Legacy : Relationships : Meaning
 An activity should ideally fit into multiple categories.
@@ -267,7 +267,7 @@ Goal: find groups of activities that support each other.<!-- .element: class="fr
 - solving problems, making software more useful
 ---
 <!-- .slide: data-background-color="#542" -->
 #### Step 4:
 ### Beta-Vision
 Finding a personal vision takes effort and time.<!-- .element: class="fragment" -->
@@ -277,7 +277,7 @@ Finding a beta version is easier<!-- .element: class="fragment" -->
 and you won't procrastinate before finding it!<!-- .element: class="fragment" -->
 -V-
 <!-- .slide: data-background-color="#542" -->
 #### Answer these...
 1. Favorite quote/idea that resonates?
@@ -295,6 +295,7 @@ and you won't procrastinate before finding it!<!-- .element: class="fragment" --
 - sharing code publicly
 ---
 <!-- .slide: data-background-color="#542" -->
 #### Step 5:
 ### Final Personal Vision
@@ -309,7 +310,7 @@ taking into account the analysis from the previous steps.
 I'm still iterating.<!-- .element: class="fragment" -->
 ---
 <!-- .slide: data-background-color="#542" -->
 ### Act Now!
 > How can I incorporate my vision in my daily life?
--- a/slides/overview.md
+++ b/slides/overview.md
@@ -1,5 +1,5 @@
 ## In this episode...
 <!-- .slide: data-background-color="#033" -->
 -V-
 How to stop procrastinating...
@@ -9,17 +9,17 @@ How to stop procrastinating...
 ...by living a fulfilling life...
 -V-
 <!-- .slide: data-background-color="#542" -->
 ...with practical tools to get there...
 -V-
 <!-- .slide: data-background-color="#030" -->
 ...applied and tested on my own person.
 ---
 ## TL;DR
 <!-- .slide: data-background-color="#033" -->
 -V-
 ### Motivation
--- a/slides/personal_vision.jpg
+++ b/slides/personal_vision.jpg
--- a/slides/procrastinating.jpg
+++ b/slides/procrastinating.jpg
Tekijä	SHA1	Viesti	Päivämäärä
Dejvino	5dbf6d5951	Add book covers	8 kuukautta sitten
Dejvino	9bd32c1032	Improve pathfinder sizing	8 kuukautta sitten
Dejvino	f289dd23d1	Add and improve images	8 kuukautta sitten