You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

109 lines
3.5 KiB

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  6. <title>The End of Procrastination - a personal experience | Talk by David Hrdina Nemecek</title>
  7. <link rel="stylesheet" href="dist/reset.css">
  8. <link rel="stylesheet" href="dist/reveal.css">
  9. <link rel="stylesheet" href="dist/theme/night.css">
  10. <!-- Theme used for syntax highlighted code -->
  11. <link rel="stylesheet" href="plugin/highlight/monokai.css">
  12. <style>
  13. .reveal .reference {
  14. opacity: 0.2;
  15. }
  16. .reveal dd {
  17. margin-bottom: 2rem;
  18. }
  19. .reveal .lightweight.visible {
  20. opacity: 0.4;
  21. }
  22. .reveal .reference-author {
  23. opacity: 0.4;
  24. font-size: 80%;
  25. }
  26. .flex-container {
  27. display: flex;
  28. }
  29. </style>
  30. </head>
  31. <body>
  32. <div class="reveal">
  33. <div class="slides">
  34. <section data-background-image="slides/business_man_with_smartphone.jpg" data-background-opacity="0.3"
  35. data-background-gradient="linear-gradient(to bottom, #00f, #000, #000, #f00)">
  36. <h1 class="r-fit-text">The End of Procrastination</h1>
  37. <h4>A personal experience</h4>
  38. <div>&nbsp;</div>
  39. <div style="text-align: left;">
  40. <small>
  41. David Hrdina Nemecek<br />
  42. August, 2023
  43. </small>
  44. </div>
  45. </section>
  46. <section data-background-color="#522">
  47. <dl>
  48. <dt>
  49. procrastinate
  50. <span class="fragment" data-fragment-index="1">
  51. <small>verb</small>
  52. <a class="reference" href="https://www.merriam-webster.com/dictionary/procrastinate">🔗</a>
  53. </span>
  54. </dt>
  55. <dd class="fragment" data-fragment-index="1">
  56. <ul>
  57. <li>to put off intentionally and habitually</li>
  58. <li>Latin: pro+crastinus, "of tomorrow"</li>
  59. </ul>
  60. </dd>
  61. <dt class="fragment" data-fragment-index="2">
  62. lazy
  63. <span class="fragment" data-fragment-index="3">
  64. <small>adjective</small>
  65. <a class="reference" href="https://www.merriam-webster.com/dictionary/lazy">🔗</a>
  66. </span>
  67. </dt>
  68. <dd class="fragment" data-fragment-index="3">
  69. <ul>
  70. <li>disinclined to activity or exertion</li>
  71. <li>moving slowly</li>
  72. </ul>
  73. </dd>
  74. </dl>
  75. </section>
  76. <section data-markdown="slides/intro.md" data-background-color="#522"></section>
  77. <section data-markdown="slides/overview.md" data-background-color="#522"></section>
  78. <section data-markdown="slides/motivation.md" data-background-color="#522"></section>
  79. <section data-markdown="slides/discipline.md" data-background-color="#522"></section>
  80. <section data-markdown="slides/outcomes.md" data-background-color="#522"></section>
  81. <section data-markdown="slides/objectivity.md" data-background-color="#522"></section>
  82. <section data-markdown="slides/outro.md" data-background-gradient="linear-gradient(to bottom, #050, #000, #000, #050)"></section>
  83. <section data-markdown="slides/bonus.md" data-background-gradient="linear-gradient(to bottom, #320, #210)"></section>
  84. </div>
  85. </div>
  86. <script src="dist/reveal.js"></script>
  87. <script src="plugin/notes/notes.js"></script>
  88. <script src="plugin/markdown/markdown.js"></script>
  89. <script src="plugin/highlight/highlight.js"></script>
  90. <script>
  91. // More info about initialization & config:
  92. // - https://revealjs.com/initialization/
  93. // - https://revealjs.com/config/
  94. Reveal.initialize({
  95. hash: true,
  96. // Learn about plugins: https://revealjs.com/plugins/
  97. plugins: [RevealMarkdown, RevealHighlight, RevealNotes]
  98. });
  99. </script>
  100. </body>
  101. </html>