|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170 |
- <!doctype html>
- <html lang="en">
-
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
-
- <title>The End of Procrastination - a personal experience | Talk by David Hrdina Nemecek</title>
-
- <link rel="stylesheet" href="dist/reset.css">
- <link rel="stylesheet" href="dist/reveal.css">
- <link rel="stylesheet" href="dist/theme/night.css">
-
- <link rel="stylesheet" href="module/pathfinder/main.css">
- <link rel="stylesheet" href="module/pathfinder/grid.css">
-
- <!-- Theme used for syntax highlighted code -->
- <link rel="stylesheet" href="plugin/highlight/monokai.css">
- <style>
- .reveal .reference {
- opacity: 0.2;
- }
- .reveal dd {
- margin-bottom: 2rem;
- }
- .reveal .lightweight.visible {
- opacity: 0.4;
- }
- .reveal .reference-author {
- opacity: 0.4;
- font-size: 80%;
- }
- .flex-container {
- display: flex;
- }
- .reveal h2.text-over-image,
- .reveal h3.text-over-image,
- .reveal h4.text-over-image {
- color: #CCC;
- text-shadow: 0px 0px 5px rgb(107, 107, 107), 0px 0px 2px rgb(0, 0, 0), 2px 2px 1px rgb(43, 43, 43);
- }
- .reveal .hidden {
- display: none
- }
- .reveal .metaphor {
- color: purple;
- }
- .reveal .pathfinder-rerun {
- z-index: 1000;
- position: fixed;
- bottom: 10px;
- left: 11px;
- background-color: rgba(200, 200, 200, 0.3);
- border-radius: 10px;
- padding: 10px;
- cursor: pointer;
- }
- .reveal .pathfinder-rerun.disabled {
- background-color: rgba(139, 106, 106, 0.3);
- color: rgba(39, 27, 27, 0.3);
- cursor: not-allowed;
- }
- </style>
- </head>
-
- <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)">
- <h1 class="r-fit-text">The End of Procrastination</h1>
- <h4>A personal experience</h4>
- <div> </div>
- <div style="text-align: left;">
- <small>
- David Hrdina Nemecek<br />
- August, 2023
- </small>
- </div>
- </section>
- <section data-background-color="#522">
- <dl>
- <dt>
- procrastinate
- <span class="fragment" data-fragment-index="1">
- <small>verb</small>
- <a class="reference" href="https://www.merriam-webster.com/dictionary/procrastinate">🔗</a>
- </span>
- </dt>
- <dd class="fragment" data-fragment-index="1">
- <ul>
- <li>to put off intentionally and habitually</li>
- <li>Latin: pro+crastinus, "of tomorrow"</li>
- </ul>
- </dd>
- <dt class="fragment" data-fragment-index="2">
- lazy
- <span class="fragment" data-fragment-index="3">
- <small>adjective</small>
- <a class="reference" href="https://www.merriam-webster.com/dictionary/lazy">🔗</a>
- </span>
- </dt>
- <dd class="fragment" data-fragment-index="3">
- <ul>
- <li>disinclined to activity or exertion</li>
- <li>moving slowly</li>
- </ul>
- </dd>
- </dl>
- </section>
- <section data-markdown="slides/intro.md" data-background-color="#522"></section>
- <section data-markdown="slides/overview.md" data-background-color="#522"></section>
- <section data-markdown="slides/motivation.md" data-background-color="#522"></section>
- <section data-markdown="slides/discipline.md" data-background-color="#522"></section>
- <section data-markdown="slides/outcomes.md" data-background-color="#522"></section>
- <section data-markdown="slides/objectivity.md" data-background-color="#522"></section>
- <section data-markdown="slides/outro.md" data-background-gradient="linear-gradient(to bottom, #050, #000, #000, #050)"></section>
- <section data-markdown="slides/bonus.md" data-background-gradient="linear-gradient(to bottom, #320, #210)"></section>
- </div>
- </div>
-
- <script src="dist/reveal.js"></script>
- <script src="plugin/notes/notes.js"></script>
- <script src="plugin/markdown/markdown.js"></script>
- <script src="plugin/highlight/highlight.js"></script>
- <script>
- // More info about initialization & config:
- // - https://revealjs.com/initialization/
- // - https://revealjs.com/config/
- Reveal.initialize({
- hash: true,
-
- // Learn about plugins: https://revealjs.com/plugins/
- plugins: [RevealMarkdown, RevealHighlight, RevealNotes]
- });
- </script>
- <script src="module/pathfinder/main.js" async></script>
- <script src="module/pathfinder/select.js" async></script>
- <script>
- const pathfinders = {}
- Reveal.on( 'slidetransitionend', event => {
- const slide = event.currentSlide
- const slideId = event.indexh + ';' + event.indexv
- if (slide && slide.classList.contains("pathfinder-page") && !(slideId in pathfinders)) {
- pathfinders[slideId] = startPathfinder(slide)
- }
- });
- async function startPathfinder(slide) {
- const p = spawnPathfinder(slide)
- const rerun = slide.getElementsByClassName("pathfinder-rerun")[0]
- if (rerun) {
- rerun.onclick = async () => {
- if (!rerun.classList.contains("disabled")) {
- rerun.classList.add("disabled");
- await p.RunMaze()
- await p.Run();
- rerun.classList.remove("disabled");
- }
- }
- }
- await p.RunMaze()
- Reveal.layout()
- rerun.classList.add("disabled");
- await p.Run()
- rerun.classList.remove("disabled");
- }
- </script>
- </body>
-
- </html>
|