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