<commit_before><template>
	<div class="error">
		<span>
			<img src="/assets/404.png"/>
			<span class="text">OH, SNAP! 404</span>
			<router-link :to="`/`"><span class="redirect">Take me to safety!</span></router-link>
		</span>
	</div>
</template>

<script>
export default {
  name: 'NotFound',
}
</script>

<style scoped>
.error {
	padding-top: 50px;
	text-align: center;
}
.text {
	font-size: 50px;
	display:block;
	padding-bottom: 30px;
}
.redirect {
	font-size: 20px;
	border-radius: 5px;
	border: 1px solid;
	padding: 6px;
}
</style><commit_msg>Add blink to 404 page<commit_after><template>
	<div class="error">
		<span>
			<img class="camera" src="/assets/404.png"/>
			<img class="snap" src="/assets/404-snap.png"/>
			<h1 class="title">OH, SNAP!</h1>
			<h2 class="subtitle">This page doesn't exist</h2>
			<router-link class="button is-primary is-large" :to="`/`">Take me to safety!</router-link>
		</span>
	</div>
</template>

<script>
export default {
  name: 'NotFound',
}
</script>

<style scoped>
.error {
	position: relative;
	padding-top: 70px;
	text-align: center;
}

.camera {
	margin-bottom: 1em;
}

@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}

.snap {
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	margin: auto;
	pointer-events: none;
	animation: blink 2s infinite step-start;
}

.title {
	font-size: 3em;
	margin-bottom: 1em;
}

.subtitle {
	font-size: 2em;
	margin-bottom: 1em;
}
</style>
{'fraction_non_alphanumeric': 0.19507186858316222, 'fraction_numerical': 0.03490759753593429, 'mean_word_length': 3.825082508250825, 'pattern_counts': {'":': 0, '<': 38, '<?xml version=': 0, '>': 38, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4593259', 'n_tokens_mistral': 656, 'n_tokens_neox': 591, 'n_words': 139}