34 lignes
8.6 KiB
Vue
34 lignes
8.6 KiB
Vue
<template>
|
|
<div>
|
|
<div class="relative mx-8">
|
|
<div class="max-w-5xl mx-auto mt-14">
|
|
<div class="text-white text-center my-8">
|
|
<h1 class="font-bold text-4xl">Fake Twitter NFT Avatar</h1>
|
|
<p class="font-semibold text-xl">Give your profile picture a hexagonal shape!</p>
|
|
<p class="text-md mt-1">
|
|
Open source on <a class="text-blue-500 hover:text-blue-600 transition duration-50" href="https://github.com/tandpfun/nft-avatar" target="_blank">GitHub</a>. Made by
|
|
<a class="text-blue-500 hover:text-blue-600 transition duration-50" href="https://twitter.com/cdngdev" target="_blank">@cdngdev</a>.
|
|
</p>
|
|
</div>
|
|
<ImageEditor />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import Vue from 'vue';
|
|
|
|
export default Vue.extend({});
|
|
</script>
|
|
|
|
<style>
|
|
body {
|
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1097%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(21%2c 32%2c 43%2c 1)'%3e%3c/rect%3e%3cpath d='M31.04 -0.56L64.82 18.94L64.82 57.94L31.04 77.44L-2.74 57.94L-2.74 18.94zM31.04 467.44L64.82 486.94L64.82 525.94L31.04 545.44L-2.74 525.94L-2.74 486.94zM98.59 233.44L132.37 252.94L132.37 291.94L98.59 311.44L64.82 291.94L64.82 252.94zM132.37 291.94L166.14 311.44L166.14 350.44L132.37 369.94L98.59 350.44L98.59 311.44zM98.59 350.44L132.37 369.94L132.37 408.94L98.59 428.44L64.82 408.94L64.82 369.94zM132.37 408.94L166.14 428.44L166.14 467.44L132.37 486.94L98.59 467.44L98.59 428.44zM166.14 233.44L199.92 252.94L199.92 291.94L166.14 311.44L132.37 291.94L132.37 252.94zM199.92 291.94L233.7 311.44L233.7 350.44L199.92 369.94L166.14 350.44L166.14 311.44zM166.14 350.44L199.92 369.94L199.92 408.94L166.14 428.44L132.37 408.94L132.37 369.94zM199.92 408.94L233.7 428.44L233.7 467.44L199.92 486.94L166.14 467.44L166.14 428.44zM166.14 584.44L199.92 603.94L199.92 642.94L166.14 662.44L132.37 642.94L132.37 603.94zM267.47 57.94L301.25 77.44L301.25 116.44L267.47 135.94L233.7 116.44L233.7 77.44zM233.7 116.44L267.47 135.94L267.47 174.94L233.7 194.44L199.92 174.94L199.92 135.94zM267.47 291.94L301.25 311.44L301.25 350.44L267.47 369.94L233.7 350.44L233.7 311.44zM267.47 408.94L301.25 428.44L301.25 467.44L267.47 486.94L233.7 467.44L233.7 428.44zM267.47 525.94L301.25 545.44L301.25 584.44L267.47 603.94L233.7 584.44L233.7 545.44zM335.02 57.94L368.8 77.44L368.8 116.44L335.02 135.94L301.25 116.44L301.25 77.44zM301.25 116.44L335.02 135.94L335.02 174.94L301.25 194.44L267.47 174.94L267.47 135.94zM335.02 408.94L368.8 428.44L368.8 467.44L335.02 486.94L301.25 467.44L301.25 428.44zM301.25 467.44L335.02 486.94L335.02 525.94L301.25 545.44L267.47 525.94L267.47 486.94zM335.02 525.94L368.8 545.44L368.8 584.44L335.02 603.94L301.25 584.44L301.25 545.44zM368.8 -0.56L402.58 18.94L402.58 57.94L368.8 77.44L335.02 57.94L335.02 18.94zM436.35 -0.56L470.13 18.94L470.13 57.94L436.35 77.44L402.58 57.94L402.58 18.94zM470.13 174.94L503.9 194.44L503.9 233.44L470.13 252.94L436.35 233.44L436.35 194.44zM470.13 408.94L503.9 428.44L503.9 467.44L470.13 486.94L436.35 467.44L436.35 428.44zM436.35 467.44L470.13 486.94L470.13 525.94L436.35 545.44L402.58 525.94L402.58 486.94zM503.9 -0.56L537.68 18.94L537.68 57.94L503.9 77.44L470.13 57.94L470.13 18.94zM537.68 57.94L571.46 77.44L571.46 116.44L537.68 135.94L503.9 116.44L503.9 77.44zM537.68 291.94L571.46 311.44L571.46 350.44L537.68 369.94L503.9 350.44L503.9 311.44zM571.46 -0.56L605.23 18.94L605.23 57.94L571.46 77.44L537.68 57.94L537.68 18.94zM571.46 233.44L605.23 252.94L605.23 291.94L571.46 311.44L537.68 291.94L537.68 252.94zM672.78 174.94L706.56 194.44L706.56 233.44L672.78 252.94L639.01 233.44L639.01 194.44zM639.01 233.44L672.78 252.94L672.78 291.94L639.01 311.44L605.23 291.94L605.23 252.94zM672.78 291.94L706.56 311.44L706.56 350.44L672.78 369.94L639.01 350.44L639.01 311.44zM639.01 350.44L672.78 369.94L672.78 408.94L639.01 428.44L605.23 408.94L605.23 369.94zM639.01 584.44L672.78 603.94L672.78 642.94L639.01 662.44L605.23 642.94L605.23 603.94zM706.56 -0.56L740.33 18.94L740.33 57.94L706.56 77.44L672.78 57.94L672.78 18.94zM740.33 57.94L774.11 77.44L774.11 116.44L740.33 135.94L706.56 116.44L706.56 77.44zM706.56 467.44L740.33 486.94L740.33 525.94L706.56 545.44L672.78 525.94L672.78 486.94zM774.11 -0.56L807.89 18.94L807.89 57.94L774.11 77.44L740.33 57.94L740.33 18.94zM807.89 291.94L841.66 311.44L841.66 350.44L807.89 369.94L774.11 350.44L774.11 311.44zM807.89 408.94L841.66 428.44L841.66 467.44L807.89 486.94L774.11 467.44L774.11 428.44zM841.66 -0.56L875.44 18.94L875.44 57.94L841.66 77.44L807.89 57.94L807.89 18.94zM841.66 233.44L875.44 252.94L875.44 291.94L841.66 311.44L807.89 291.94L807.89 252.94zM942.99 57.94L976.77 77.44L976.77 116.44L942.99 135.94L909.21 116.44L909.21 77.44zM909.21 116.44L942.99 135.94L942.99 174.94L909.21 194.44L875.44 174.94L875.44 135.94zM909.21 350.44L942.99 369.94L942.99 408.94L909.21 428.44L875.44 408.94L875.44 369.94zM909.21 467.44L942.99 486.94L942.99 525.94L909.21 545.44L875.44 525.94L875.44 486.94zM942.99 525.94L976.77 545.44L976.77 584.44L942.99 603.94L909.21 584.44L909.21 545.44zM976.77 -0.56L1010.54 18.94L1010.54 57.94L976.77 77.44L942.99 57.94L942.99 18.94zM1010.54 57.94L1044.32 77.44L1044.32 116.44L1010.54 135.94L976.77 116.44L976.77 77.44zM1010.54 174.94L1044.32 194.44L1044.32 233.44L1010.54 252.94L976.77 233.44L976.77 194.44zM1010.54 408.94L1044.32 428.44L1044.32 467.44L1010.54 486.94L976.77 467.44L976.77 428.44zM1078.09 291.94L1111.87 311.44L1111.87 350.44L1078.09 369.94L1044.32 350.44L1044.32 311.44zM1044.32 350.44L1078.09 369.94L1078.09 408.94L1044.32 428.44L1010.54 408.94L1010.54 369.94zM1078.09 408.94L1111.87 428.44L1111.87 467.44L1078.09 486.94L1044.32 467.44L1044.32 428.44zM1044.32 584.44L1078.09 603.94L1078.09 642.94L1044.32 662.44L1010.54 642.94L1010.54 603.94zM1111.87 -0.56L1145.65 18.94L1145.65 57.94L1111.87 77.44L1078.09 57.94L1078.09 18.94zM1145.65 174.94L1179.42 194.44L1179.42 233.44L1145.65 252.94L1111.87 233.44L1111.87 194.44zM1111.87 233.44L1145.65 252.94L1145.65 291.94L1111.87 311.44L1078.09 291.94L1078.09 252.94zM1145.65 291.94L1179.42 311.44L1179.42 350.44L1145.65 369.94L1111.87 350.44L1111.87 311.44zM1145.65 408.94L1179.42 428.44L1179.42 467.44L1145.65 486.94L1111.87 467.44L1111.87 428.44zM1213.2 57.94L1246.97 77.44L1246.97 116.44L1213.2 135.94L1179.42 116.44L1179.42 77.44zM1213.2 174.94L1246.97 194.44L1246.97 233.44L1213.2 252.94L1179.42 233.44L1179.42 194.44zM1179.42 233.44L1213.2 252.94L1213.2 291.94L1179.42 311.44L1145.65 291.94L1145.65 252.94zM1179.42 467.44L1213.2 486.94L1213.2 525.94L1179.42 545.44L1145.65 525.94L1145.65 486.94zM1213.2 525.94L1246.97 545.44L1246.97 584.44L1213.2 603.94L1179.42 584.44L1179.42 545.44zM1280.75 57.94L1314.53 77.44L1314.53 116.44L1280.75 135.94L1246.97 116.44L1246.97 77.44zM1246.97 116.44L1280.75 135.94L1280.75 174.94L1246.97 194.44L1213.2 174.94L1213.2 135.94zM1280.75 291.94L1314.53 311.44L1314.53 350.44L1280.75 369.94L1246.97 350.44L1246.97 311.44zM1246.97 350.44L1280.75 369.94L1280.75 408.94L1246.97 428.44L1213.2 408.94L1213.2 369.94zM1314.53 -0.56L1348.3 18.94L1348.3 57.94L1314.53 77.44L1280.75 57.94L1280.75 18.94zM1348.3 57.94L1382.08 77.44L1382.08 116.44L1348.3 135.94L1314.53 116.44L1314.53 77.44zM1348.3 291.94L1382.08 311.44L1382.08 350.44L1348.3 369.94L1314.53 350.44L1314.53 311.44zM1415.85 408.94L1449.63 428.44L1449.63 467.44L1415.85 486.94L1382.08 467.44L1382.08 428.44zM1382.08 467.44L1415.85 486.94L1415.85 525.94L1382.08 545.44L1348.3 525.94L1348.3 486.94zM1415.85 525.94L1449.63 545.44L1449.63 584.44L1415.85 603.94L1382.08 584.44L1382.08 545.44zM1449.63 116.44L1483.41 135.94L1483.41 174.94L1449.63 194.44L1415.85 174.94L1415.85 135.94zM1449.63 233.44L1483.41 252.94L1483.41 291.94L1449.63 311.44L1415.85 291.94L1415.85 252.94zM1483.41 408.94L1517.18 428.44L1517.18 467.44L1483.41 486.94L1449.63 467.44L1449.63 428.44zM1449.63 467.44L1483.41 486.94L1483.41 525.94L1449.63 545.44L1415.85 525.94L1415.85 486.94z' stroke='url(%23SvgjsLinearGradient1098)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1097'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='220.03199999999998' y1='-220.02399999999997' x2='1219.9679999999998' y2='780.024' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1098'%3e%3cstop stop-color='%230e2a47' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(0%2c 69%2c 158%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-attachment: fixed;
|
|
font-family: 'Roboto', sans-serif;
|
|
}
|
|
</style>
|