inspin.io/pages/login.vue

<script setup>
  useHead({
    title: 'Inspin Digital | Sign in',
    meta: [
      { hid: 'robots', name: 'robots', content: 'noindex' }
    ],
  })

  let quote, author
  let message = Math.floor((Math.random() * 5))

  switch(message !== null) {
    case message === 0:
      quote = `We are stuck with technology when what we really want is just stuff that works.`
      author =`Douglas Adams`
      break;
    case message === 1:
      quote = `It's supposed to be automatic, but actually you have to push this button.`
      author =`John Brunner`
      break;
    case message === 2:
      quote = `A true innovator does best, what he doesn't know best.`
      author =`Haresh Sippy`
      break;
    case message === 3:
      quote = `In this age of technology, it’s hard to differentiate between fact and fiction.`
      author =`Donna Maltz`
      break;
    case message === 4:
      quote = `When solving problems, dig at the roots instead of just hacking at the leaves.`
      author =`Anthony D'Angelo`
      break;
    default:
      quote = ``
      author =``
  }

  /*
    case message === 2:
      quote = `If privacy had a gravestone it might read: "Don't worry. This was for your own good."`
      author =`John Twelve Hawks`
      break;
  */
</script>

<template>
  <div class="login">

    <div class="bg">
      <div class="dots"></div>
    </div>

    <div class="content">
      <div class="message">
        <NuxtLink to="/" class="logo" >
          <img src="/img/logo.svg" alt="inspin digital">
        </NuxtLink>
  
        <div class="quote">
          <h2>{{ quote }}</h2>
          <h3>- {{ author }}</h3>
        </div>
  
        <p class="copy"><span class="icon-copyright"></span> Inspin Digital LLC. All Rights Reserved.</p>
      </div>
      
      <LoginForm />
      
    </div>
  </div>
</template>