dejvino
/
talk-end-of-procrastination

<!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/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>
				<div style="text-align: left;">
					<small>
						David Hrdina Nemecek<br />
						August, 2023
					</small>
				</div>
			</section>
			<section data-background-color="#522" data-background-image="slides/procrastinating.jpg" data-background-opacity="0.3">
				<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>