69 lines
1.8 KiB
Vue
69 lines
1.8 KiB
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" >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>
|