36 lines
1.0 KiB
Vue
36 lines
1.0 KiB
Vue
<script setup lang="ts">
|
|
import { computed, ref } from 'vue'
|
|
|
|
const emailText = ref('')
|
|
const emailCorrect = computed(() => {
|
|
const testStr = atob('YW5kcmV3bGFsaXNvZmZpY2lhbEBnbWFpbC5jb20=')
|
|
return emailText.value.trim().toLowerCase() === testStr
|
|
})
|
|
</script>
|
|
<template>
|
|
<main>
|
|
<p>
|
|
My preferred method of communication is email, which I usually check daily. Send to
|
|
<code>first-name + last-name + "official" at gmail dot com</code>.
|
|
</p>
|
|
<p>
|
|
See if you can figure it out:
|
|
<input class="contactEmailInput" type="text" v-model="emailText" />
|
|
<span v-if="emailCorrect">
|
|
<br />
|
|
<small style="color: var(--success-color)"><em>You got it!</em></small>
|
|
</span>
|
|
<br />
|
|
<small><em>I write it like that to avoid getting spammed by bots.</em></small>
|
|
</p>
|
|
<p>My Discord username is <code>____andrew____</code></p>
|
|
</main>
|
|
</template>
|
|
<style>
|
|
.contactEmailInput {
|
|
font-family: OpenSans, sans-serif;
|
|
font-size: 14px;
|
|
width: calc(min(30ch, 100%));
|
|
}
|
|
</style>
|