After Width: | Height: | Size: 94 KiB |
After Width: | Height: | Size: 94 KiB |
After Width: | Height: | Size: 90 KiB |
After Width: | Height: | Size: 11 KiB |
After Width: | Height: | Size: 90 KiB |
After Width: | Height: | Size: 90 KiB |
After Width: | Height: | Size: 147 KiB |
After Width: | Height: | Size: 92 KiB |
After Width: | Height: | Size: 155 KiB |
After Width: | Height: | Size: 93 KiB |
After Width: | Height: | Size: 1.3 MiB |
@ -0,0 +1,58 @@
|
||||
<template> |
||||
<div style="width: 100vw"> |
||||
<Header/> |
||||
<div class="header-logo"> |
||||
<slot name="header"></slot> |
||||
</div> |
||||
<div> |
||||
<div class="rbox" style="width: 90%; min-height: 50vh"> |
||||
<slot name="content"></slot> |
||||
</div> |
||||
</div> |
||||
<div class="buttons"> |
||||
<slot name="buttons"> |
||||
<router-link :to="next"> |
||||
<!-- "Next" button of class "bblue wide" with @/assets/ton_right.svg icon on the right --> |
||||
<button class="b blue wide"> |
||||
<span>{{nexttext}}</span> |
||||
<img src="@/assets/ton_right.svg" alt="Next"/> |
||||
</button> |
||||
</router-link> |
||||
</slot> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import Header from "../components/Header.vue"; |
||||
|
||||
export default { |
||||
name: "WhiteLayout", |
||||
components: {Header}, |
||||
props: { |
||||
next: { |
||||
type: String |
||||
}, |
||||
nexttext: { |
||||
type: String, |
||||
default: "Next" |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
.header-logo { |
||||
display: block; |
||||
text-align: center; |
||||
justify-content: center; |
||||
height: 4rem; |
||||
margin: 0 auto 1.5rem; |
||||
} |
||||
|
||||
.buttons { |
||||
display: flex; |
||||
justify-content: center; |
||||
margin: 1rem 0; |
||||
} |
||||
</style> |
@ -0,0 +1,39 @@
|
||||
<template> |
||||
<WhiteLayout> |
||||
<template v-slot:header> |
||||
<img src="@/assets/tondns.svg" style="height: 100%" alt="TON DNS"/> |
||||
</template> |
||||
<template v-slot:content> |
||||
<div class="columns-3" style="display: flex; columns: 3; justify-content: center; align-items: center"> |
||||
<div> |
||||
</div> |
||||
<div> |
||||
<p>TON domains — .ton and .t.me — are your names in the TON world.<br/> |
||||
They can be used to host a website or to transfer money.<br/> |
||||
You can host a TON website for your personal brand.</p> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
<template v-slot:buttons> |
||||
<router-link to="/get_tondon"> |
||||
<button class="b blue wide"> |
||||
<span>Omg, can I get one?</span> |
||||
<img src="@/assets/ton_right.svg" alt="Next"/> |
||||
</button> |
||||
</router-link> |
||||
</template> |
||||
</WhiteLayout> |
||||
</template> |
||||
|
||||
<script> |
||||
import WhiteLayout from "../components/WhiteLayout.vue"; |
||||
|
||||
export default { |
||||
name: "TonDns", |
||||
components: {WhiteLayout} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
|
||||
</style> |