<script setup>
import SpamWall from '../components/SpamWall.vue'
</script>

<div class="email-slide">
  <div class="eyebrow">Email &middot; 1998&ndash;2008</div>

  <div class="headline">
    We've had this <em>problem</em> before.
  </div>

  <SpamWall :stage="$clicks" />

  <!-- Empty v-click markers reserve 2 clicks for SpamWall stages (stamps, then strikes). -->
  <div v-click></div>
  <div v-click></div>

  <div v-click class="counter">And we won (a bit).</div>

</div>

<style scoped>
.email-slide {
  position: absolute;
  inset: 0;
  background: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2.5rem 3rem;
  gap: 1.2rem;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.email-slide .eyebrow {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 0.6rem;
  font-weight: 500;
  letter-spacing: 0.45em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.45);
}
.email-slide .headline {
  font-family: 'DM Serif Display', serif;
  font-size: 2.4rem;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.85);
}
.email-slide .headline em { font-style: italic; color: #ffffff; }
.email-slide .counter {
  font-family: 'DM Serif Display', serif;
  font-style: italic;
  font-size: 2.4rem;
  line-height: 1.15;
  color: #ffffff;
  margin-top: 0.4rem;
}
.email-slide .how {
  font-family: 'DM Serif Display', serif;
  font-size: 1.1rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.72);
  max-width: 32rem;
}
.email-slide .how em { font-style: italic; color: #ffffff; }
</style>

<!--
When Email arrived, it was also a miracle. 

But quickly, it got taken over by SPAM. 90% of the email traffic was SPAM after only a few years. 

We first started by content filtering (checking the content), it was not sufficient. 

What turned the tide, was adding origin auditing, meaning, INSTEAD of only relying on the message, we started asking: who sent this and is it cheap for them to pretend to be a thousand people? 

(CLICK)

This led us to designing a reputation system

(CLICK) 

Wchich made email usable again. 

(CLICK)

But SPAM did not really vanish, it just stopped being free and easy. 

The learning is that you cannot make truth unfakeable, you can only make distributing fakes, expensive. 

But now the question, this works for email, but how about a system that works accross multiple things, not just email? 

That's we build. 
-->
