2
0
Fork 0
inspin.io/pages/login.vue

71 lines
1.8 KiB
Vue
Raw Permalink Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<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, its 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>