Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

index.html 3.5 KiB

10 månader sedan
10 månader sedan
10 månader sedan
10 månader sedan
10 månader sedan
10 månader sedan
10 månader sedan
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  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>