Compare commits

..

No commits in common. "5dbf6d59519cf83cd9bc92a1f4a992691646b0fa" and "9c94885d34d24b0236fe741659692d7cc0317b78" have entirely different histories.

17 changed files with 33 additions and 60 deletions

View File

@ -11,22 +11,5 @@ npm start
Open [localhost:8000](http://localhost:8000) in your browser. Open [localhost:8000](http://localhost:8000) in your browser.
## Credits ## Built using Reveal.JS
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/). 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/).

View File

@ -66,7 +66,8 @@
<body> <body>
<div class="reveal"> <div class="reveal">
<div class="slides"> <div class="slides">
<section data-background-image="slides/cover.jpg" data-background-opacity="0.3"> <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)">
<h1 class="r-fit-text">The End of Procrastination</h1> <h1 class="r-fit-text">The End of Procrastination</h1>
<h4>A personal experience</h4> <h4>A personal experience</h4>
<div>&nbsp;</div> <div>&nbsp;</div>
@ -77,7 +78,7 @@
</small> </small>
</div> </div>
</section> </section>
<section data-background-color="#522" data-background-image="slides/procrastinating.jpg" data-background-opacity="0.3"> <section data-background-color="#522">
<dl> <dl>
<dt> <dt>
procrastinate procrastinate

View File

@ -1,5 +1,6 @@
.main-grid-container{ .main-grid-container{
height: 100%;
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
justify-content: center; justify-content: center;

View File

@ -83,7 +83,7 @@ function spawnPathfinder(root) {
let algo_select = root.getElementsByClassName("algo-select")[0]; let algo_select = root.getElementsByClassName("algo-select")[0];
let maze_algo_select = root.getElementsByClassName("maze-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; const window_x = body.scrollWidth;
let horizontal_cells; let horizontal_cells;
@ -101,7 +101,7 @@ function spawnPathfinder(root) {
vertical_cells = Math.floor(window_y / 35); vertical_cells = Math.floor(window_y / 35);
horizontal_cells = Math.floor( (window_x - horizontal_cells) /35); horizontal_cells = Math.floor( (window_x - horizontal_cells) /35);
vertical_cells = Math.floor( (window_y - vertical_cells) / 35 * 0.9); vertical_cells = Math.floor( (window_y - vertical_cells) / 35);
grid_HTML.style.width = `${horizontal_cells * 35}px`; grid_HTML.style.width = `${horizontal_cells * 35}px`;
grid_HTML.style.height = `${vertical_cells * 30}px`; grid_HTML.style.height = `${vertical_cells * 30}px`;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 528 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 568 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 102 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 85 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 496 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 167 KiB

View File

@ -20,13 +20,13 @@
<!-- .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 way too tired." 😪 <!-- .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 very busy now." 🧐 <!-- .element: class="fragment" --> "I'm too busy now." 🧐 <!-- .element: class="fragment" -->
😇 "I will do it, but first [☕]." <!-- .element: class="fragment" --> 😇 "I'll do it, but first [☕]." <!-- .element: class="fragment" -->
-V- -V-
@ -36,7 +36,7 @@
### Expanding potential ### Expanding potential
Never before in history did we have so much... <!-- .element: class="fragment" --> Never before did we have so much...
- life expectancy, safety, stability <!-- .element: class="fragment" --> - life expectancy, safety, stability <!-- .element: class="fragment" -->
- freedom, opportunity <!-- .element: class="fragment" --> - freedom, opportunity <!-- .element: class="fragment" -->
@ -230,7 +230,6 @@ Master's degree in Informatics,<br/>Parallel and Distributed Systems
- I can't keep up at work <!-- .element: class="fragment" --> - I can't keep up at work <!-- .element: class="fragment" -->
- I'm scared of the next workday <!-- .element: class="fragment" --> - I'm scared of the next workday <!-- .element: class="fragment" -->
What's wrong?<!-- .element: class="fragment" -->
-V- -V-
<!-- .slide: data-background-color="#030" data-background-image="slides/books.jpg" data-background-opacity="0.05" --> <!-- .slide: data-background-color="#030" data-background-image="slides/books.jpg" data-background-opacity="0.05" -->
### Library to the rescue! ### Library to the rescue!
@ -246,8 +245,6 @@ What's wrong?<!-- .element: class="fragment" -->
by Petr Ludwig by Petr Ludwig
<img data-src="slides/books/end_of_procrastination.png" alt="Book cover" class="r-stretch" />
-V- -V-
<!-- .slide: data-background-color="#030" --> <!-- .slide: data-background-color="#030" -->
@ -255,8 +252,6 @@ by Petr Ludwig
by Angela Duckworth by Angela Duckworth
<img data-src="slides/books/grit.jpg" alt="Book cover" class="r-stretch" />
-V- -V-
<!-- .slide: data-background-color="#030" --> <!-- .slide: data-background-color="#030" -->
@ -264,8 +259,6 @@ by Angela Duckworth
by Martin Seligman by Martin Seligman
<img data-src="slides/books/flourish.jpg" alt="Book cover" class="r-stretch" />
-V- -V-
<!-- .slide: data-background-color="#030" --> <!-- .slide: data-background-color="#030" -->
@ -273,13 +266,9 @@ by Martin Seligman
by Leo Babauta by Leo Babauta
<img data-src="slides/books/focus.jpg" alt="Book cover" class="r-stretch" />
-V- -V-
<!-- .slide: data-background-color="#030" --> <!-- .slide: data-background-color="#030" -->
*Leaders Eat Last* *Leaders Eat Last*
by Simon Sinek by Simon Sinek
<img data-src="slides/books/leaders.jpg" alt="Book cover" class="r-stretch" />

Binary file not shown.

Before

Width:  |  Height:  |  Size: 326 KiB

View File

@ -32,7 +32,7 @@ We have our own target and we follow it.
--- ---
### Goal-based motivation ### 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. We want to achieve something in the future.
- Pros: it works! <!-- .element: class="fragment" --> - 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" --> - requires more and more demanding goals <!-- .element: class="fragment" -->
-V- -V-
<!-- .slide: data-background-image="slides/hedonic_treadmill.jpg" data-background-size="contain" data-background-opacity="0.1" --> <!-- .slide: data-background-image="slides/hedonic_treadmill.jpg" data-background-opacity="0.1" -->
### Hedonic treadmill <a class="reference" href="https://en.wikipedia.org/wiki/Hedonic_treadmill">🔗</a> ### 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. > 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 ### 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. Enjoy the ride, the destination is secondary.
- happiness now, not just at the end <!-- .element: class="fragment" --> - 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" --> <!-- .element: class="fragment" -->
--- ---
<!-- .slide: data-background-color="#542" data-background-image="slides/personal_vision.jpg" data-background-size="contain" data-background-opacity="0.5" --> <!-- .slide: data-background-color="#542" data-background-image="slides/personal_vision.jpg" data-background-opacity="0.3" -->
### TOOL: Personal Vision ### TOOL: Personal Vision
<!-- .element: class="text-over-image" --> <!-- .element: class="text-over-image" -->
-V- -V-
<!-- .slide: data-background-color="#542" data-background-image="slides/personal_vision.jpg" data-background-size="contain" data-background-opacity="0.3" --> <!-- .slide: data-background-color="#542" data-background-image="slides/personal_vision.jpg" data-background-opacity="0.2" -->
What is the direction of your journey? What is the direction of your journey?
What gets out of bed in the morning? What gets out of bed in the morning?
-V- -V-
<!-- .slide: data-background-color="#542" data-background-image="slides/personal_vision.jpg" data-background-size="contain" data-background-opacity="0.1" --> <!-- .slide: data-background-color="#542" data-background-image="slides/personal_vision.jpg" data-background-opacity="0.1" -->
#### How to build a Personal Vision? #### How to build a Personal Vision?
1. SWOT analysis 1. SWOT analysis
2. Achievements 2. Achievements
@ -119,7 +119,7 @@ What gets out of bed in the morning?
5. Final Personal Vision 5. Final Personal Vision
--- ---
<!-- .slide: data-background-color="#542" -->
#### Step 1: #### Step 1:
### Personal SWOT ### Personal SWOT
@ -129,18 +129,18 @@ What gets out of bed in the morning?
- T - Threats - T - Threats
-V- -V-
<!-- .slide: data-background-color="#542" -->
Time to reflect on yourself! Time to reflect on yourself!
-V- -V-
<!-- .slide: data-background-color="#542" -->
#### Strengths #### Strengths
- skills, traits and qualities you have - skills, traits and qualities you have
- using them supports flow - using them supports flow
- personal vision makes use of these as much as possible - personal vision makes use of these as much as possible
-V- -V-
<!-- .slide: data-background-color="#542" -->
#### Weaknesses #### Weaknesses
- qualities you lack; limitations and negative traits - qualities you lack; limitations and negative traits
- using them retards flow - 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" --> These can be improved, but don't devote too much time to it. <!-- .element: class="fragment" -->
-V- -V-
<!-- .slide: data-background-color="#542" -->
#### Opportunities #### Opportunities
- possibilities today's world offers to us - possibilities today's world offers to us
- using them supports flow - 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" --> to avoid decision paralysis or regrets. <!-- .element: class="fragment" -->
-V- -V-
<!-- .slide: data-background-color="#542" -->
#### Threats #### Threats
- risks, possible negative impacts or scenarios - risks, possible negative impacts or scenarios
- take them into account - 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 - having to use Windows
--- ---
<!-- .slide: data-background-color="#542" -->
#### Step 2: #### Step 2:
### Personal Achievements ### Personal Achievements
- things you are proud of or that brought you joy - 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: #### Step 3:
### Analyzing motivating activities ### Analyzing motivating activities
@ -247,7 +247,7 @@ Categories of activities:
</div> </div>
-V- -V-
<!-- .slide: data-background-color="#542" -->
#### Growth : Legacy : Relationships : Meaning #### Growth : Legacy : Relationships : Meaning
An activity should ideally fit into multiple categories. 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 - solving problems, making software more useful
--- ---
<!-- .slide: data-background-color="#542" -->
#### Step 4: #### Step 4:
### Beta-Vision ### Beta-Vision
Finding a personal vision takes effort and time.<!-- .element: class="fragment" --> 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" --> and you won't procrastinate before finding it!<!-- .element: class="fragment" -->
-V- -V-
<!-- .slide: data-background-color="#542" -->
#### Answer these... #### Answer these...
1. Favorite quote/idea that resonates? 1. Favorite quote/idea that resonates?
@ -295,7 +295,6 @@ and you won't procrastinate before finding it!<!-- .element: class="fragment" --
- sharing code publicly - sharing code publicly
--- ---
<!-- .slide: data-background-color="#542" -->
#### Step 5: #### Step 5:
### Final Personal Vision ### Final Personal Vision
@ -310,7 +309,7 @@ taking into account the analysis from the previous steps.
I'm still iterating.<!-- .element: class="fragment" --> I'm still iterating.<!-- .element: class="fragment" -->
--- ---
<!-- .slide: data-background-color="#542" -->
### Act Now! ### Act Now!
> How can I incorporate my vision in my daily life? > How can I incorporate my vision in my daily life?

View File

@ -1,5 +1,5 @@
## In this episode... ## In this episode...
<!-- .slide: data-background-color="#033" -->
-V- -V-
How to stop procrastinating... How to stop procrastinating...
@ -9,17 +9,17 @@ How to stop procrastinating...
...by living a fulfilling life... ...by living a fulfilling life...
-V- -V-
<!-- .slide: data-background-color="#542" -->
...with practical tools to get there... ...with practical tools to get there...
-V- -V-
<!-- .slide: data-background-color="#030" -->
...applied and tested on my own person. ...applied and tested on my own person.
--- ---
## TL;DR ## TL;DR
<!-- .slide: data-background-color="#033" -->
-V- -V-
### Motivation ### Motivation

Binary file not shown.

Before

Width:  |  Height:  |  Size: 433 KiB

After

Width:  |  Height:  |  Size: 341 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 502 KiB