Compare commits
No commits in common. "5dbf6d59519cf83cd9bc92a1f4a992691646b0fa" and "9c94885d34d24b0236fe741659692d7cc0317b78" have entirely different histories.
5dbf6d5951
...
9c94885d34
19
README.md
@ -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/).
|
||||||
|
@ -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> </div>
|
<div> </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
|
||||||
|
@ -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;
|
||||||
|
@ -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`;
|
||||||
|
Before Width: | Height: | Size: 528 KiB |
Before Width: | Height: | Size: 568 KiB |
Before Width: | Height: | Size: 72 KiB |
Before Width: | Height: | Size: 102 KiB |
Before Width: | Height: | Size: 85 KiB |
BIN
slides/cover.jpg
Before Width: | Height: | Size: 496 KiB |
Before Width: | Height: | Size: 167 KiB |
@ -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" />
|
|
||||||
|
Before Width: | Height: | Size: 326 KiB |
@ -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?
|
||||||
|
@ -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
|
||||||
|
Before Width: | Height: | Size: 433 KiB After Width: | Height: | Size: 341 KiB |
Before Width: | Height: | Size: 502 KiB |