dejvino
/
talk-end-of-procrastination
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 1 Wiki Activity

3 Commits
9c94885d34 ... 5dbf6d5951

Author SHA1 Message Date
  Dejvino 5dbf6d5951 Add book covers 8 months ago
  Dejvino 9bd32c1032 Improve pathfinder sizing 8 months ago
  Dejvino f289dd23d1 Add and improve images 8 months ago
17 changed files with 60 additions and 33 deletions
Split View
Diff Options
Show Stats
  1. +18
    -1
      README.md
  2. +2
    -3
      index.html
  3. +0
    -1
      module/pathfinder/grid.css
  4. +2
    -2
      module/pathfinder/main.js
  5. BIN
      slides/books/end_of_procrastination.png
  6. BIN
      slides/books/flourish.jpg
  7. BIN
      slides/books/focus.jpg
  8. BIN
      slides/books/grit.jpg
  9. BIN
      slides/books/leaders.jpg
  10. BIN
      slides/cover.jpg
  11. BIN
      slides/goal_based_motivation.jpg
  12. +15
    -4
      slides/intro.md
  13. BIN
      slides/journey_based_motivation.jpg
  14. +19
    -18
      slides/motivation.md
  15. +4
    -4
      slides/overview.md
  16. BIN
      slides/personal_vision.jpg
  17. BIN
      slides/procrastinating.jpg

+ 18
- 1
README.md View File

@@ -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/).

+ 2
- 3
index.html View File

@@ -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


+ 0
- 1
module/pathfinder/grid.css View File

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


+ 2
- 2
module/pathfinder/main.js View File

@@ -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`;


BIN
slides/books/end_of_procrastination.png View File

Before After
Width: 1887  |  Height: 2000  |  Size: 528 KiB

BIN
slides/books/flourish.jpg View File

Before After
Width: 1660  |  Height: 2517  |  Size: 568 KiB

BIN
slides/books/focus.jpg View File

Before After
Width: 800  |  Height: 1280  |  Size: 72 KiB

BIN
slides/books/grit.jpg View File

Before After
Width: 800  |  Height: 1209  |  Size: 102 KiB

BIN
slides/books/leaders.jpg View File

Before After
Width: 800  |  Height: 1206  |  Size: 85 KiB

BIN
slides/cover.jpg View File

Before After
Width: 2048  |  Height: 2048  |  Size: 496 KiB

BIN
slides/goal_based_motivation.jpg View File

Before After
Width: 2048  |  Height: 2048  |  Size: 167 KiB

+ 15
- 4
slides/intro.md View File

@@ -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" />

BIN
slides/journey_based_motivation.jpg View File

Before After
Width: 2048  |  Height: 2048  |  Size: 326 KiB

+ 19
- 18
slides/motivation.md View File

@@ -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?


+ 4
- 4
slides/overview.md View File

@@ -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


BIN
slides/personal_vision.jpg View File

Before After
Width: 2048  |  Height: 2048  |  Size: 341 KiB Width: 2048  |  Height: 2048  |  Size: 433 KiB

BIN
slides/procrastinating.jpg View File

Before After
Width: 2048  |  Height: 2048  |  Size: 502 KiB

Write Preview
Loading…
Cancel
Save