TF-2387 Add TwakeWelcome page the first time app launch

This commit is contained in:
dab246
2024-01-02 19:07:19 +07:00
committed by Dat H. Pham
parent 064692d8c3
commit 1393e2cd07
10 changed files with 152 additions and 4 deletions
+57
View File
@@ -0,0 +1,57 @@
<svg width="236" height="179" viewBox="0 0 236 179" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1453_29637)">
<rect x="74.2604" y="16.4812" width="87.7343" height="87.7343" rx="28.9745" fill="white"/>
<rect x="74.2604" y="16.4812" width="87.7343" height="87.7343" rx="28.9745" fill="url(#paint0_linear_1453_29637)"/>
<rect x="74.2604" y="16.4812" width="87.7343" height="87.7343" rx="28.9745" fill="url(#paint1_linear_1453_29637)"/>
<rect x="74.2604" y="16.4812" width="87.7343" height="87.7343" rx="28.9745" fill="url(#paint2_linear_1453_29637)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M88.8062 47.0205C86.7251 48.6076 85.5038 51.0749 85.5038 53.6921V82.0549C85.5038 87.6155 90.0115 92.1233 95.5721 92.1233H140.582C146.142 92.1233 150.65 87.6155 150.65 82.0549V53.6921C150.65 51.0749 149.429 48.6076 147.348 47.0205L123.165 28.5782C120.16 26.2866 115.994 26.2866 112.989 28.5782L88.8062 47.0205ZM92.7423 53.0876V81.6698C92.7423 83.5233 94.2449 85.0259 96.0984 85.0259H140.056C141.909 85.0259 143.412 83.5233 143.412 81.6698V53.0876L121.927 68.1343C119.616 69.7534 116.538 69.7534 114.226 68.1343L92.7423 53.0876Z" fill="white"/>
</g>
<g clip-path="url(#clip1_1453_29637)">
<path d="M24.8289 137.75H16.6633V132.606H38.7105V137.75H30.5448V161.186H24.8289V137.75Z" fill="black"/>
<path d="M34.738 139.955H41.1889L43.9243 151.999C44.2237 153.224 44.4415 154.299 44.5776 155.225C44.7681 154.054 44.9995 152.966 45.2717 151.958L48.3746 139.955H54.703L58.0101 151.958C58.2822 152.966 58.5136 154.054 58.7041 155.225C58.8402 154.299 59.058 153.224 59.3574 151.999L62.297 139.955H68.2988L61.6846 161.186H55.7237L52.2533 149.101C51.9267 148.121 51.6817 147.059 51.5184 145.916C51.3279 147.168 51.1101 148.23 50.8651 149.101L47.6805 161.186H41.3522L34.738 139.955Z" fill="black"/>
<path d="M78.1562 161.716C76.2509 161.716 74.4953 161.226 72.8894 160.247C71.2835 159.24 70.0042 157.892 69.0515 156.205C68.1261 154.517 67.6634 152.666 67.6634 150.652C67.6634 148.638 68.1261 146.787 69.0515 145.099C70.0042 143.385 71.2835 142.024 72.8894 141.017C74.4953 140.009 76.2509 139.506 78.1562 139.506C79.8982 139.506 81.3 139.833 82.3615 140.486C83.4503 141.139 84.294 142.078 84.8929 143.303V139.955H90.3638V161.186H85.0153V157.715C84.3893 158.995 83.5319 159.988 82.4432 160.696C81.3816 161.376 79.9526 161.716 78.1562 161.716ZM73.1752 150.611C73.1752 151.7 73.4201 152.721 73.9101 153.673C74.4272 154.599 75.1213 155.347 75.9923 155.919C76.8905 156.463 77.9112 156.735 79.0544 156.735C80.2248 156.735 81.2591 156.463 82.1574 155.919C83.0828 155.374 83.7905 154.64 84.2804 153.714C84.7704 152.789 85.0153 151.768 85.0153 150.652C85.0153 149.536 84.7704 148.515 84.2804 147.59C83.7905 146.637 83.0828 145.889 82.1574 145.344C81.2591 144.773 80.2248 144.487 79.0544 144.487C77.9112 144.487 76.8905 144.773 75.9923 145.344C75.0941 145.889 74.4 146.624 73.9101 147.549C73.4201 148.474 73.1752 149.495 73.1752 150.611Z" fill="black"/>
<path d="M99.1505 151.101V161.186H93.6387V131.381H99.1505V148.529L107.112 139.955H114.951L104.948 149.835L114.992 161.186H107.684L99.1505 151.101Z" fill="black"/>
<path d="M123.9 161.716C121.75 161.716 119.844 161.226 118.184 160.247C116.524 159.24 115.231 157.892 114.305 156.205C113.38 154.517 112.917 152.653 112.917 150.611C112.917 148.597 113.394 146.732 114.346 145.018C115.299 143.303 116.605 141.942 118.266 140.935C119.953 139.928 121.831 139.424 123.9 139.424C125.969 139.424 127.82 139.928 129.453 140.935C131.113 141.942 132.392 143.303 133.29 145.018C134.216 146.705 134.679 148.57 134.679 150.611C134.679 151.292 134.624 151.945 134.515 152.571H118.633C118.96 153.85 119.572 154.884 120.47 155.674C121.396 156.436 122.539 156.817 123.9 156.817C125.043 156.817 126.064 156.558 126.962 156.041C127.86 155.497 128.568 154.803 129.085 153.959L133.372 157.184C132.501 158.545 131.222 159.648 129.534 160.492C127.847 161.308 125.969 161.716 123.9 161.716ZM129.126 148.447C128.799 147.222 128.16 146.202 127.207 145.385C126.254 144.569 125.125 144.16 123.818 144.16C122.539 144.16 121.423 144.555 120.47 145.344C119.545 146.134 118.933 147.168 118.633 148.447H129.126Z" fill="black"/>
<path d="M146.298 133.458H152.891L158.386 145.168C159.927 148.427 160.912 150.789 161.342 152.254C161.695 150.89 162.668 148.528 164.259 145.168L169.792 133.458H176.158V159.985H170.967V149.26C170.967 147.517 170.992 146.103 171.043 145.016C171.093 143.93 171.194 142.781 171.346 141.568L162.516 159.985H159.939L151.11 141.568C151.262 142.781 151.363 143.93 151.413 145.016C151.464 146.103 151.489 147.517 151.489 149.26V159.985H146.298V133.458Z" fill="url(#paint3_linear_1453_29637)"/>
<path d="M188.538 160.477C186.77 160.477 185.14 160.022 183.65 159.113C182.159 158.178 180.972 156.928 180.088 155.361C179.229 153.795 178.799 152.077 178.799 150.208C178.799 148.338 179.229 146.62 180.088 145.054C180.972 143.463 182.159 142.199 183.65 141.265C185.14 140.33 186.77 139.863 188.538 139.863C190.155 139.863 191.456 140.166 192.441 140.772C193.452 141.378 194.235 142.25 194.791 143.387V140.279H199.869V159.985H194.904V156.764C194.323 157.951 193.528 158.873 192.517 159.53C191.532 160.161 190.206 160.477 188.538 160.477ZM183.915 150.17C183.915 151.18 184.142 152.128 184.597 153.012C185.077 153.871 185.721 154.566 186.53 155.096C187.363 155.601 188.311 155.854 189.372 155.854C190.458 155.854 191.418 155.601 192.252 155.096C193.111 154.591 193.768 153.909 194.222 153.05C194.677 152.191 194.904 151.244 194.904 150.208C194.904 149.172 194.677 148.225 194.222 147.366C193.768 146.482 193.111 145.787 192.252 145.282C191.418 144.751 190.458 144.486 189.372 144.486C188.311 144.486 187.363 144.751 186.53 145.282C185.696 145.787 185.052 146.469 184.597 147.328C184.142 148.187 183.915 149.134 183.915 150.17Z" fill="url(#paint4_linear_1453_29637)"/>
<path d="M202.908 140.279H208.024V159.985H202.908V140.279ZM202.378 135.618C202.378 134.785 202.668 134.077 203.249 133.496C203.856 132.915 204.588 132.625 205.447 132.625C206.331 132.625 207.064 132.915 207.645 133.496C208.226 134.077 208.517 134.785 208.517 135.618C208.517 136.477 208.226 137.197 207.645 137.778C207.064 138.359 206.331 138.65 205.447 138.65C204.588 138.65 203.856 138.359 203.249 137.778C202.668 137.172 202.378 136.452 202.378 135.618Z" fill="url(#paint5_linear_1453_29637)"/>
<path d="M211.05 132.322H216.165V159.985H211.05V132.322Z" fill="url(#paint6_linear_1453_29637)"/>
</g>
<defs>
<linearGradient id="paint0_linear_1453_29637" x1="161.995" y1="67.6596" x2="138.241" y2="52.4944" gradientUnits="userSpaceOnUse">
<stop offset="0.12998" stop-color="#A033FF"/>
<stop offset="0.610381" stop-color="#0094FF"/>
<stop offset="1" stop-color="#1D90FF"/>
</linearGradient>
<linearGradient id="paint1_linear_1453_29637" x1="114.472" y1="43.8982" x2="87.055" y2="98.7321" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFD600" stop-opacity="0"/>
<stop offset="0.563347" stop-color="#FFC700"/>
</linearGradient>
<linearGradient id="paint2_linear_1453_29637" x1="121.783" y1="67.6596" x2="152.856" y2="100.56" gradientUnits="userSpaceOnUse">
<stop offset="0.0297327" stop-color="#FF3B30" stop-opacity="0"/>
<stop offset="0.842824" stop-color="#E73B2D"/>
</linearGradient>
<linearGradient id="paint3_linear_1453_29637" x1="154.308" y1="125.349" x2="180.646" y2="179.001" gradientUnits="userSpaceOnUse">
<stop stop-color="#57B9FF"/>
<stop offset="1" stop-color="#0B84FF"/>
</linearGradient>
<linearGradient id="paint4_linear_1453_29637" x1="154.308" y1="125.349" x2="180.646" y2="179.001" gradientUnits="userSpaceOnUse">
<stop stop-color="#57B9FF"/>
<stop offset="1" stop-color="#0B84FF"/>
</linearGradient>
<linearGradient id="paint5_linear_1453_29637" x1="154.308" y1="125.349" x2="180.646" y2="179.001" gradientUnits="userSpaceOnUse">
<stop stop-color="#57B9FF"/>
<stop offset="1" stop-color="#0B84FF"/>
</linearGradient>
<linearGradient id="paint6_linear_1453_29637" x1="154.308" y1="125.349" x2="180.646" y2="179.001" gradientUnits="userSpaceOnUse">
<stop stop-color="#57B9FF"/>
<stop offset="1" stop-color="#0B84FF"/>
</linearGradient>
<clipPath id="clip0_1453_29637">
<rect width="88" height="88" fill="white" transform="translate(74.4348 16)"/>
</clipPath>
<clipPath id="clip1_1453_29637">
<rect width="203.13" height="32" fill="white" transform="translate(16.4348 131)"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 8.1 KiB