69 lines
1.1 KiB
Vue
69 lines
1.1 KiB
Vue
<template>
|
||
<div class="home">
|
||
<img class="logo" alt="logo" src="../assets/logo.png" />
|
||
<h1><router-link to="/unlock">sblocca</router-link></h1>
|
||
<p>
|
||
verifica che la bici sia ancora carica 🔋. Se, usando i pulsanti viene
|
||
emesso un <em>bip</em> 🔊, procedi con lo sblocco 🔓. Altrimenti utilizza
|
||
il
|
||
<a
|
||
href="https://upload.disroot.org/r/uWcukzZ5#s/84kbXpkxXpX3kR2x1KwyVNX2Us93Zy1tSNC3oZ864="
|
||
>metodo manuale</a
|
||
>
|
||
🛠️.
|
||
</p>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
name: "home"
|
||
};
|
||
</script>
|
||
|
||
<style scoped>
|
||
.home {
|
||
/* display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center; */
|
||
max-width: 500px;
|
||
height: 100%;
|
||
padding: 15px;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.logo {
|
||
max-width: 100%;
|
||
width: 100%;
|
||
height: auto;
|
||
}
|
||
|
||
/* img {
|
||
max-width: 100%;
|
||
} */
|
||
|
||
h1 {
|
||
font-family: "syne", serif;
|
||
font-weight: 700;
|
||
text-transform: uppercase;
|
||
padding: 15px;
|
||
border: 3px solid black;
|
||
cursor: pointer;
|
||
text-align: center;
|
||
}
|
||
|
||
h1 a {
|
||
color: black;
|
||
text-decoration: none;
|
||
}
|
||
|
||
p a {
|
||
color: black;
|
||
}
|
||
|
||
p a:hover {
|
||
color: black;
|
||
}
|
||
</style>
|