Add book covers

Improve pathfinder sizing
Add and improve images
2023-08-30 20:04:17 +02:00 · 2023-08-30 19:39:31 +02:00 · 2023-08-30 16:11:28 +02:00
17 changed files with 60 additions and 33 deletions
--- 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
Author	SHA1	Message	Date
Dejvino	5dbf6d5951	Add book covers	2023-08-30 20:04:17 +02:00
Dejvino	9bd32c1032	Improve pathfinder sizing	2023-08-30 19:39:31 +02:00
Dejvino	f289dd23d1	Add and improve images	2023-08-30 16:11:28 +02:00