mirror of
https://github.com/tornadocash/tornado-initiation-ui.git
synced 2024-11-22 17:40:04 +01:00
50 lines
1.0 KiB
Vue
50 lines
1.0 KiB
Vue
<template>
|
|
<div>
|
|
<h1 class="title has-text-centered">Tornado.cash <span>Ceremony</span></h1>
|
|
<h2 class="subtitle has-text-centered">{{ $t('pageSubtitle') }}</h2>
|
|
|
|
<div class="buttons is-centered">
|
|
<b-button
|
|
type="is-primary"
|
|
outlined
|
|
icon-left="tool"
|
|
@mousedown="(e) => e.preventDefault()"
|
|
@click="onStart"
|
|
>{{ $t('startNow') }}</b-button
|
|
>
|
|
</div>
|
|
|
|
<i18n tag="h3" class="title is-14px mt-6" path="completedTasks">
|
|
<template v-slot:progress>
|
|
<span>5/16</span>
|
|
</template>
|
|
</i18n>
|
|
|
|
<div class="tornado-discoverer image is-16by9"></div>
|
|
|
|
<steps ref="steps" />
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import Steps from '@/components/Steps'
|
|
|
|
export default {
|
|
components: {
|
|
Steps,
|
|
},
|
|
methods: {
|
|
scrollTo(element) {
|
|
window.scrollTo({
|
|
behavior: 'smooth',
|
|
left: 0,
|
|
top: element.getBoundingClientRect().top,
|
|
})
|
|
},
|
|
onStart() {
|
|
this.scrollTo(this.$refs.steps.$el)
|
|
},
|
|
},
|
|
}
|
|
</script>
|