feat: homescreen ui (#17)
Badi Ifaoui
GitHub
parent
e4e54f2ad1
commit
20cdc3de75
|
|
@ -12,5 +12,6 @@
|
|||
"src/editor/commands.tsx": "src/editor/commands.tsx",
|
||||
"src/autocomplete/Autocompleter.ts": "src/autocomplete/Autocompleter.ts",
|
||||
"src/components/views/dialogs/InviteDialog.tsx": "src/components/views/dialogs/InviteDialog.tsx",
|
||||
"src/components/views/right_panel/UserInfo.tsx": "src/components/views/right_panel/UserInfo.tsx"
|
||||
"src/components/views/right_panel/UserInfo.tsx": "src/components/views/right_panel/UserInfo.tsx",
|
||||
"src/components/structures/HomePage.tsx": "src/components/structures/HomePage.tsx"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -822,3 +822,62 @@ h2 .sh_VerifiedIcon {
|
|||
--cpd-color-gray-200: #181a1f;
|
||||
--cpd-color-gray-100: #14171b; */
|
||||
}
|
||||
|
||||
.mx_HomePage_title {
|
||||
font-size: 38px;
|
||||
font-weight: 700;
|
||||
line-height: 45px;
|
||||
letter-spacing: 0em;
|
||||
text-align: left;
|
||||
color: #1b1d22;
|
||||
margin-bottom: 24px;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@media (max-width: 1250px) {
|
||||
.mx_HomePage_title {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
.cpd-theme-dark .mx_HomePage_title {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.mx_HomePage_title svg {
|
||||
heigh: 44px;
|
||||
width: 173.99px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.mx_HomePage_default_buttons_title {
|
||||
font-size: 32px;
|
||||
}
|
||||
.cpd-theme-dark .mx_HomePage_default_buttons_title {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.mx_HomePage_default .mx_HomePage_default_buttons {
|
||||
margin: 10px auto 0 !important;
|
||||
}
|
||||
|
||||
.mx_HomePage_default .mx_HomePage_default_buttons .mx_AccessibleButton.mx_HomePage_button_custom {
|
||||
width: auto !important;
|
||||
min-height: auto !important;
|
||||
padding: 16px 30px !important;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.mx_HomePage_default .mx_HomePage_default_buttons .mx_AccessibleButton.mx_HomePage_button_custom svg {
|
||||
width: 50px !important;
|
||||
height: 50px !important;
|
||||
display: block !important;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.mx_HomePage_default .mx_HomePage_default_buttons .mx_AccessibleButton.mx_HomePage_button_custom::before {
|
||||
display: none !important;
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 3.6 MiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 70 KiB |
|
|
@ -0,0 +1,81 @@
|
|||
<svg id="Group_933" data-name="Group 933" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 38.726 40">
|
||||
<defs>
|
||||
<linearGradient id="linear-gradient" x1="0.873" y1="0.155" x2="0.094" y2="0.931" gradientUnits="objectBoundingBox">
|
||||
<stop offset="0.05" stop-color="#fff44f"/>
|
||||
<stop offset="0.37" stop-color="#ff980e"/>
|
||||
<stop offset="0.53" stop-color="#ff3647"/>
|
||||
<stop offset="0.7" stop-color="#e31587"/>
|
||||
</linearGradient>
|
||||
<radialGradient id="radial-gradient" cx="0.874" cy="-0.129" r="1.28" gradientTransform="translate(0.178 0.129) scale(0.8 1)" gradientUnits="objectBoundingBox">
|
||||
<stop offset="0.13" stop-color="#ffbd4f"/>
|
||||
<stop offset="0.28" stop-color="#ff980e"/>
|
||||
<stop offset="0.47" stop-color="#ff3750"/>
|
||||
<stop offset="0.78" stop-color="#eb0878"/>
|
||||
<stop offset="0.86" stop-color="#e50080"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="radial-gradient-2" cx="0.49" cy="0.4" r="1.28" gradientTransform="translate(0.088) scale(0.82 1)" gradientUnits="objectBoundingBox">
|
||||
<stop offset="0.3" stop-color="#960e18"/>
|
||||
<stop offset="0.35" stop-color="#b11927" stop-opacity="0.741"/>
|
||||
<stop offset="0.43" stop-color="#db293d" stop-opacity="0.341"/>
|
||||
<stop offset="0.5" stop-color="#f5334b" stop-opacity="0.09"/>
|
||||
<stop offset="0.53" stop-color="#ff3750" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="radial-gradient-3" cx="0.48" cy="-0.12" r="1.4" gradientUnits="objectBoundingBox">
|
||||
<stop offset="0.13" stop-color="#fff44f"/>
|
||||
<stop offset="0.53" stop-color="#ff980e"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="radial-gradient-4" cx="0.228" cy="1.101" r="1" gradientUnits="objectBoundingBox">
|
||||
<stop offset="0.35" stop-color="#3a8ee6"/>
|
||||
<stop offset="0.67" stop-color="#9059ff"/>
|
||||
<stop offset="1" stop-color="#c139e6"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="radial-gradient-5" cx="0.52" cy="0.33" r="0.59" gradientTransform="scale(0.9 1)" gradientUnits="objectBoundingBox">
|
||||
<stop offset="0.21" stop-color="#9059ff" stop-opacity="0"/>
|
||||
<stop offset="0.97" stop-color="#6e008b" stop-opacity="0.6"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="radial-gradient-6" cx="2.1" cy="-1" r="2.9" gradientUnits="objectBoundingBox">
|
||||
<stop offset="0.1" stop-color="#ffe226"/>
|
||||
<stop offset="0.79" stop-color="#ff7139"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="radial-gradient-7" cx="0.84" cy="-0.41" r="1.8" gradientUnits="objectBoundingBox">
|
||||
<stop offset="0.11" stop-color="#fff44f"/>
|
||||
<stop offset="0.46" stop-color="#ff980e"/>
|
||||
<stop offset="0.72" stop-color="#ff3647"/>
|
||||
<stop offset="0.9" stop-color="#e31587"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="radial-gradient-8" cx="0.161" cy="-0.186" r="3.488" gradientTransform="matrix(0.105, 0.467, -0.995, 0.049, -0.046, -0.255)" gradientUnits="objectBoundingBox">
|
||||
<stop offset="0" stop-color="#fff44f"/>
|
||||
<stop offset="0.3" stop-color="#ff980e"/>
|
||||
<stop offset="0.57" stop-color="#ff3647"/>
|
||||
<stop offset="0.74" stop-color="#e31587"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="radial-gradient-9" cx="0.189" cy="-0.425" r="2.384" gradientUnits="objectBoundingBox">
|
||||
<stop offset="0.14" stop-color="#fff44f"/>
|
||||
<stop offset="0.48" stop-color="#ff980e"/>
|
||||
<stop offset="0.66" stop-color="#ff3647"/>
|
||||
<stop offset="0.9" stop-color="#e31587"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="radial-gradient-10" cx="1.593" cy="-0.447" r="3.131" gradientUnits="objectBoundingBox">
|
||||
<stop offset="0.09" stop-color="#fff44f"/>
|
||||
<stop offset="0.63" stop-color="#ff980e"/>
|
||||
</radialGradient>
|
||||
<linearGradient id="linear-gradient-2" x1="0.8" y1="0.14" x2="0.18" y2="0.84" gradientUnits="objectBoundingBox">
|
||||
<stop offset="0.17" stop-color="#fff44f" stop-opacity="0.8"/>
|
||||
<stop offset="0.6" stop-color="#fff44f" stop-opacity="0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g id="_9949a9187a4da9ef27e57a28967a2440" data-name="9949a9187a4da9ef27e57a28967a2440" transform="translate(0 0)">
|
||||
<path id="shape-base" d="M38.623,13.423a10.879,10.879,0,0,0-3.889-4.907A20.141,20.141,0,0,1,36.7,14.4v.033c-2.192-5.465-5.909-7.668-8.944-12.466q-.235-.367-.457-.742-.114-.2-.214-.4A3.528,3.528,0,0,1,26.8.057a.05.05,0,0,0-.044-.05.069.069,0,0,0-.037,0,.012.012,0,0,0-.01.006L26.692.02,26.7.007a14.149,14.149,0,0,0-6.674,10.769,9.7,9.7,0,0,0-5.335,2.056,5.8,5.8,0,0,0-.5-.379,8.988,8.988,0,0,1-.055-4.738A14.358,14.358,0,0,0,9.47,11.321H9.461c-.768-.974-.714-4.185-.67-4.856a3.465,3.465,0,0,0-.647.344,14.118,14.118,0,0,0-1.9,1.623,16.929,16.929,0,0,0-1.812,2.174h0a16.373,16.373,0,0,0-2.6,5.874l-.026.128q-.107.6-.191,1.21a.409.409,0,0,1,0,.043,18.476,18.476,0,0,0-.32,2.672v.1a19.387,19.387,0,0,0,38.492,3.278c.033-.25.059-.5.088-.75A19.936,19.936,0,0,0,38.623,13.423ZM16.279,28.6c.091.044.176.091.269.132l.014.009ZM20.72,16.905ZM36.7,14.437v0Z" transform="translate(-1.3 -0.004)" fill="url(#linear-gradient)"/>
|
||||
<path id="body-outer-ring" d="M38.623,21.928a10.879,10.879,0,0,0-3.889-4.907A20.141,20.141,0,0,1,36.7,22.905v.04a17.557,17.557,0,0,1-.6,13.084,16.67,16.67,0,0,1-16.018,9.416A19.519,19.519,0,0,1,1.475,29.6a8.36,8.36,0,0,1,.137-3.234A14.444,14.444,0,0,0,1.3,29.038v.1a19.387,19.387,0,0,0,38.492,3.278c.033-.25.059-.5.088-.75a19.936,19.936,0,0,0-1.257-9.738Z" transform="translate(-1.3 -8.509)" fill="url(#radial-gradient)"/>
|
||||
<path id="body-outer-ring-shadow" d="M38.623,21.928a10.879,10.879,0,0,0-3.889-4.907A20.141,20.141,0,0,1,36.7,22.905v.04a17.557,17.557,0,0,1-.6,13.084,16.67,16.67,0,0,1-16.018,9.416A19.519,19.519,0,0,1,1.475,29.6a8.36,8.36,0,0,1,.137-3.234A14.444,14.444,0,0,0,1.3,29.038v.1a19.387,19.387,0,0,0,38.492,3.278c.033-.25.059-.5.088-.75a19.936,19.936,0,0,0-1.257-9.738Z" transform="translate(-1.3 -8.509)" fill="url(#radial-gradient-2)"/>
|
||||
<path id="tail-tip" d="M47.914,15.7l.121.089a10.554,10.554,0,0,0-1.8-2.348C40.208,7.418,44.654.378,45.4.02l.008-.011a14.149,14.149,0,0,0-6.674,10.769c.226-.016.45-.035.681-.035a9.784,9.784,0,0,1,8.494,4.96Z" transform="translate(-20.012 -0.007)" fill="url(#radial-gradient-3)"/>
|
||||
<path id="globe-base" d="M31.393,27.634a4.679,4.679,0,0,1-2.331,2.145c-5.513,0-6.408,3.335-6.408,3.335a8.19,8.19,0,0,0,4.566,6.344q.161.082.327.156.285.126.569.233a8.621,8.621,0,0,0,2.522.487C40.3,40.788,42.173,28.78,35.2,25.3a6.693,6.693,0,0,1,4.674,1.135,9.784,9.784,0,0,0-8.494-4.96c-.23,0-.455.019-.681.035a9.7,9.7,0,0,0-5.335,2.056c.3.25.629.584,1.332,1.277C28.012,26.134,31.385,27.476,31.393,27.634Z" transform="translate(-11.973 -10.733)" fill="url(#radial-gradient-4)"/>
|
||||
<path id="globe-shadow" d="M31.393,27.634a4.679,4.679,0,0,1-2.331,2.145c-5.513,0-6.408,3.335-6.408,3.335a8.19,8.19,0,0,0,4.566,6.344q.161.082.327.156.285.126.569.233a8.621,8.621,0,0,0,2.522.487C40.3,40.788,42.173,28.78,35.2,25.3a6.693,6.693,0,0,1,4.674,1.135,9.784,9.784,0,0,0-8.494-4.96c-.23,0-.455.019-.681.035a9.7,9.7,0,0,0-5.335,2.056c.3.25.629.584,1.332,1.277C28.012,26.134,31.385,27.476,31.393,27.634Z" transform="translate(-11.973 -10.733)" fill="url(#radial-gradient-5)"/>
|
||||
<path id="ear" d="M21.948,19.892q.2.129.4.266a8.988,8.988,0,0,1-.055-4.738,14.358,14.358,0,0,0-4.666,3.606C17.722,19.023,20.534,18.972,21.948,19.892Z" transform="translate(-9.46 -7.709)" fill="url(#radial-gradient-6)"/>
|
||||
<path id="body" d="M1.56,27.553A19.518,19.518,0,0,0,20.164,43.4a16.67,16.67,0,0,0,16.018-9.416,17.557,17.557,0,0,0,.6-13.084v0c.688,4.49-1.6,8.84-5.167,11.782L31.6,32.7C24.655,38.368,18,36.121,16.65,35.2q-.141-.068-.282-.141c-4.056-1.939-5.732-5.634-5.373-8.8a4.978,4.978,0,0,1-4.6-2.888,7.312,7.312,0,0,1,7.127-.286,9.654,9.654,0,0,0,7.279.286c-.008-.158-3.381-1.5-4.7-2.8-.7-.693-1.036-1.026-1.332-1.277a5.8,5.8,0,0,0-.5-.379q-.2-.135-.4-.266c-1.414-.919-4.226-.869-4.319-.866h0c-.768-.974-.714-4.185-.67-4.856a3.465,3.465,0,0,0-.647.344,14.118,14.118,0,0,0-1.9,1.629,16.929,16.929,0,0,0-1.82,2.169h0a16.373,16.373,0,0,0-2.6,5.874,14.511,14.511,0,0,0-.359,4.612Z" transform="translate(-1.383 -6.465)" fill="url(#radial-gradient-7)"/>
|
||||
<path id="tail-flame" d="M50.615,13.442a10.554,10.554,0,0,1,1.8,2.351q.151.112.291.238c4.4,4.052,2.092,9.779,1.921,10.186,3.57-2.942,5.852-7.292,5.167-11.782-2.194-5.467-5.91-7.67-8.946-12.468q-.235-.367-.457-.742-.114-.2-.214-.4a3.528,3.528,0,0,1-.289-.768.05.05,0,0,0-.044-.05.069.069,0,0,0-.037,0,.012.012,0,0,0-.01.006L49.784.02C49.035.375,44.588,7.415,50.615,13.442Z" transform="translate(-24.392 -0.004)" fill="url(#radial-gradient-8)"/>
|
||||
<path id="tail-small" d="M44.845,30.524q-.14-.126-.291-.238l-.121-.089a6.693,6.693,0,0,0-4.674-1.135c6.973,3.486,5.1,15.492-4.561,15.039a8.621,8.621,0,0,1-2.522-.487q-.285-.107-.569-.233-.165-.074-.327-.156l.014.009c1.348.92,8,3.167,14.962-2.5l.011-.025C46.939,40.3,49.242,34.574,44.845,30.524Z" transform="translate(-16.534 -14.499)" fill="url(#radial-gradient-9)"/>
|
||||
<path id="cheek-tufts" d="M16.991,38.2s.9-3.335,6.408-3.335A4.673,4.673,0,0,0,25.73,32.72a9.654,9.654,0,0,1-7.279-.286,7.312,7.312,0,0,0-7.127.286,4.978,4.978,0,0,0,4.592,2.889,8.806,8.806,0,0,0,5.373,8.8c.091.044.176.091.269.132A8.184,8.184,0,0,1,16.991,38.2Z" transform="translate(-6.31 -15.816)" fill="url(#radial-gradient-10)"/>
|
||||
<path id="overlay-yellow" d="M38.623,13.423a10.879,10.879,0,0,0-3.889-4.907A20.141,20.141,0,0,1,36.7,14.4v.033c-2.192-5.465-5.909-7.668-8.944-12.466q-.235-.367-.457-.742-.114-.2-.214-.4A3.528,3.528,0,0,1,26.8.057a.05.05,0,0,0-.044-.05.069.069,0,0,0-.037,0,.012.012,0,0,0-.01.006L26.692.02,26.7.007a14.149,14.149,0,0,0-6.674,10.769c.226-.016.45-.035.681-.035A9.784,9.784,0,0,1,29.2,15.7a6.693,6.693,0,0,0-4.674-1.135c6.973,3.486,5.1,15.492-4.561,15.039a8.621,8.621,0,0,1-2.522-.487q-.285-.107-.569-.233-.165-.074-.327-.156l.014.008q-.141-.068-.282-.141c.091.044.176.091.269.132a8.185,8.185,0,0,1-4.566-6.344s.9-3.335,6.408-3.335A4.673,4.673,0,0,0,20.721,16.9c-.008-.158-3.381-1.5-4.7-2.8-.7-.693-1.036-1.026-1.332-1.277a5.8,5.8,0,0,0-.5-.379,8.988,8.988,0,0,1-.055-4.738A14.358,14.358,0,0,0,9.47,11.321H9.461c-.768-.974-.714-4.185-.67-4.856a3.465,3.465,0,0,0-.647.344,14.118,14.118,0,0,0-1.9,1.623,16.929,16.929,0,0,0-1.812,2.174h0a16.373,16.373,0,0,0-2.6,5.874l-.026.128c-.037.171-.2,1.037-.224,1.223h0a22.556,22.556,0,0,0-.286,2.7v.1a19.387,19.387,0,0,0,38.492,3.278c.033-.25.059-.5.088-.75a19.936,19.936,0,0,0-1.257-9.738Zm-1.923,1v.021Z" transform="translate(-1.3 -0.004)" fill="url(#linear-gradient-2)"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 10 KiB |
|
|
@ -1,4 +1,11 @@
|
|||
<svg width="180" height="30" viewBox="0 0 180 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M127.789 0.851562H124.407V21.3236H127.789V13.1123C127.789 10.8626 129.129 9.569 131.228 9.569C133.211 9.569 134.144 10.8626 134.144 12.7748V21.2673H137.525V12.4374C137.525 9.1191 135.659 6.86946 132.045 6.86946C129.888 6.86946 128.43 7.76929 127.789 8.72541V0.851562ZM55.96 18.7365C53.2197 18.7365 51.8205 17.3304 51.6454 15.2495H48.2641C48.3805 18.399 50.4212 21.7173 55.785 21.7173C60.5656 21.7173 63.7724 19.4114 63.7724 15.9244C63.7724 11.4813 60.041 10.6939 56.8929 9.9628C54.5608 9.4566 52.4619 9.0066 52.4619 7.20688C52.4619 5.46338 53.9193 4.5073 56.2514 4.5073C58.8168 4.5073 60.1578 6.02583 60.1578 7.93802H63.5392C63.4228 4.33857 60.9738 1.52647 56.2514 1.52647C51.7622 1.52647 49.0801 4.16983 49.0801 7.26313C49.0801 11.5938 52.6365 12.3812 55.7268 12.9998C58.1753 13.506 60.3324 13.9559 60.3324 16.0369C60.2742 17.7804 58.6999 18.7365 55.96 18.7365ZM75.7243 15.3057C75.7243 17.6116 74.4418 18.8489 72.3429 18.8489C70.3022 18.8489 69.4862 17.5554 69.4862 15.6432V7.15064H66.1045V16.0931C66.1045 19.4114 67.9701 21.661 71.5265 21.661C73.9172 21.661 75.3747 20.6487 76.0161 19.5239V21.3798H79.106V7.15064H75.7243V15.3057ZM90.2419 21.661C87.968 21.661 86.3937 20.7049 85.5777 19.4676V27.004H82.196V7.15064H85.2859V9.1754C86.2187 7.71309 87.968 6.81321 90.2419 6.81321C94.6143 6.81321 97.0632 10.1877 97.0632 14.2371C97.0632 18.2865 94.6143 21.661 90.2419 21.661ZM89.6005 9.6253C87.0352 9.6253 85.4609 11.5938 85.4609 14.2371C85.4609 16.768 87.0352 18.7927 89.6005 18.7927C92.1658 18.7927 93.7401 16.8242 93.7401 14.2371C93.7401 11.65 92.1076 9.6253 89.6005 9.6253ZM122.425 7.03815C122.541 7.03815 122.891 7.03815 122.891 7.03815V10.0752C122.891 10.0752 122.483 10.019 122.133 10.019C119.743 10.019 118.344 11.2001 118.344 13.9559V21.3236H114.962V7.15064H118.052V9.1191C118.635 8.21925 119.86 7.03815 122.425 7.03815ZM112.746 15.1932C112.746 15.1932 112.746 14.6871 112.746 14.1809C112.746 10.019 109.89 6.81321 105.517 6.81321C101.144 6.81321 98.2293 10.0752 98.2293 14.1809C98.2293 18.399 101.086 21.6048 105.575 21.6048C109.015 21.6048 111.58 19.6363 112.455 16.8242H109.073C108.549 18.0615 107.208 18.8489 105.634 18.8489C103.302 18.8489 101.786 17.3867 101.552 15.137H112.746V15.1932ZM105.575 9.4566C107.733 9.4566 109.19 10.8064 109.423 12.7748H101.669C102.019 10.8626 103.418 9.4566 105.575 9.4566ZM154.083 14.1809C154.083 14.6871 154.083 15.1932 154.083 15.1932H142.889C143.122 17.4429 144.638 18.9052 146.97 18.9052C148.544 18.9052 149.827 18.1178 150.41 16.8805H153.791C152.917 19.6926 150.293 21.661 146.912 21.661C142.481 21.661 139.566 18.4553 139.566 14.2371C139.566 10.1314 142.481 6.86946 146.853 6.86946C151.226 6.81321 154.083 10.019 154.083 14.1809ZM150.702 12.7748C150.41 10.8064 149.011 9.4566 146.853 9.4566C144.696 9.4566 143.239 10.8064 142.947 12.7748H150.702ZM164.111 7.03815C164.111 7.03815 163.761 7.03815 163.644 7.03815C161.079 7.03815 159.855 8.21925 159.33 9.1191V7.15064H156.24V21.3236H159.622V13.9559C159.622 11.2001 161.021 10.019 163.411 10.019C163.761 10.019 164.17 10.0752 164.17 10.0752V7.03815H164.111ZM179.27 14.2371C179.27 18.2303 176.355 21.6048 171.632 21.6048C166.968 21.6048 164.053 18.174 164.053 14.2371C164.053 10.2439 166.968 6.81321 171.632 6.81321C176.355 6.81321 179.27 10.2439 179.27 14.2371ZM171.632 9.6815C169.183 9.6815 167.376 11.4813 167.376 14.2371C167.376 16.993 169.183 18.7927 171.632 18.7927C174.081 18.7927 175.888 16.993 175.888 14.2371C175.946 11.4813 174.139 9.6815 171.632 9.6815Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.105835 10.0197L11.0667 0.121094H30.5398L41.5006 10.0197L20.8615 29.4793L0.105835 10.0197ZM12.2911 3.15816H18.2379L30.9479 15.7001L20.8033 25.2612L4.65343 10.0759L12.2911 3.15816Z" fill="#1161FE"/>
|
||||
<svg viewBox="0 0 177 42" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M166.722 33.2021C164.699 33.2021 162.949 32.791 161.473 31.9688C159.996 31.1467 158.854 29.9687 158.048 28.4348C157.241 26.9009 156.838 25.0664 156.838 22.9312V22.8944C156.838 20.7715 157.247 18.9492 158.066 17.4276C158.885 15.8937 160.033 14.7157 161.51 13.8935C162.987 13.0714 164.718 12.6603 166.703 12.6603C168.701 12.6603 170.438 13.0714 171.915 13.8935C173.404 14.7034 174.558 15.8753 175.377 17.4092C176.196 18.9308 176.606 20.7592 176.606 22.8944V22.9312C176.606 25.0786 176.196 26.9193 175.377 28.4532C174.571 29.9871 173.429 31.1651 171.952 31.9872C170.476 32.7971 168.732 33.2021 166.722 33.2021ZM166.741 28.987C167.622 28.987 168.385 28.7538 169.03 28.2875C169.688 27.8089 170.19 27.1218 170.538 26.226C170.898 25.3179 171.078 24.2196 171.078 22.9312V22.8944C171.078 21.6182 170.898 20.5322 170.538 19.6364C170.178 18.7406 169.669 18.0596 169.011 17.5933C168.354 17.1147 167.584 16.8754 166.703 16.8754C165.835 16.8754 165.071 17.1147 164.414 17.5933C163.768 18.0596 163.266 18.7406 162.906 19.6364C162.546 20.5322 162.366 21.6182 162.366 22.8944V22.9312C162.366 24.2196 162.54 25.3179 162.887 26.226C163.247 27.1218 163.756 27.8089 164.414 28.2875C165.071 28.7538 165.847 28.987 166.741 28.987Z" fill="currentColor"/>
|
||||
<path d="M145.073 32.7971V13.0652H150.509V16.5073H150.62C150.918 15.2924 151.458 14.3476 152.24 13.6726C153.021 12.9977 153.996 12.6603 155.162 12.6603C155.46 12.6603 155.745 12.6787 156.018 12.7155C156.291 12.7523 156.527 12.8014 156.726 12.8628V17.5933C156.502 17.5074 156.217 17.4399 155.869 17.3908C155.522 17.3294 155.15 17.2988 154.752 17.2988C153.859 17.2988 153.096 17.4705 152.463 17.8141C151.83 18.1577 151.346 18.6608 151.011 19.3235C150.676 19.9861 150.509 20.796 150.509 21.7532V32.7971H145.073Z" fill="currentColor"/>
|
||||
<path d="M133.736 33.2021C131.701 33.2021 129.951 32.791 128.487 31.9688C127.023 31.1344 125.894 29.9502 125.099 28.4164C124.318 26.8825 123.927 25.0663 123.927 22.968V22.9496C123.927 20.8512 124.318 19.0351 125.099 17.5012C125.894 15.9551 127.004 14.7648 128.431 13.9303C129.871 13.0836 131.565 12.6603 133.513 12.6603C135.461 12.6603 137.143 13.0714 138.557 13.8935C139.984 14.7034 141.083 15.8508 141.852 17.3356C142.634 18.8204 143.025 20.5567 143.025 22.5446V24.2012H126.589V20.8144H140.456L137.869 23.9804V21.9188C137.869 20.7653 137.689 19.8021 137.329 19.029C136.969 18.2436 136.466 17.6546 135.821 17.2619C135.188 16.8693 134.45 16.6729 133.606 16.6729C132.762 16.6729 132.011 16.8754 131.354 17.2803C130.708 17.6853 130.2 18.2804 129.827 19.0658C129.468 19.8389 129.288 20.7899 129.288 21.9188V23.9988C129.288 25.0909 129.468 26.0235 129.827 26.7966C130.2 27.5697 130.727 28.1648 131.41 28.582C132.092 28.987 132.905 29.1894 133.848 29.1894C134.593 29.1894 135.238 29.0729 135.784 28.8397C136.33 28.6066 136.777 28.3121 137.124 27.9562C137.472 27.6003 137.707 27.2383 137.831 26.8702L137.869 26.7598H142.857L142.801 26.9622C142.652 27.6862 142.361 28.4164 141.926 29.1526C141.492 29.8889 140.903 30.5638 140.158 31.1774C139.426 31.7909 138.526 32.2818 137.459 32.6499C136.404 33.018 135.163 33.2021 133.736 33.2021Z" fill="currentColor"/>
|
||||
<path d="M103.246 32.7971V6.23633H108.681V16.4704H108.793C109.314 15.2433 110.09 14.3046 111.12 13.6542C112.162 12.9916 113.428 12.6602 114.917 12.6602C116.369 12.6602 117.616 12.9793 118.658 13.6174C119.701 14.2432 120.501 15.1329 121.06 16.2864C121.63 17.4398 121.916 18.8142 121.916 20.4094V32.7971H116.481V21.5138C116.481 20.1395 116.146 19.0658 115.475 18.2927C114.818 17.5073 113.868 17.1146 112.628 17.1146C111.833 17.1146 111.138 17.3049 110.543 17.6853C109.96 18.0534 109.5 18.5688 109.165 19.2314C108.843 19.8818 108.681 20.6365 108.681 21.4954V32.7971H103.246Z" fill="currentColor"/>
|
||||
<path d="M89.9922 32.7971V13.0652H95.4275V16.5073H95.5391C95.837 15.2924 96.3768 14.3476 97.1586 13.6726C97.9403 12.9977 98.9145 12.6603 100.081 12.6603C100.379 12.6603 100.664 12.6787 100.937 12.7155C101.21 12.7523 101.446 12.8014 101.645 12.8628V17.5933C101.421 17.5074 101.136 17.4399 100.788 17.3908C100.441 17.3294 100.069 17.2988 99.6714 17.2988C98.778 17.2988 98.0148 17.4705 97.3819 17.8141C96.749 18.1577 96.2651 18.6608 95.93 19.3235C95.595 19.9861 95.4275 20.796 95.4275 21.7532V32.7971H89.9922Z" fill="currentColor"/>
|
||||
<path d="M78.6553 33.2021C76.6201 33.2021 74.8704 32.791 73.4061 31.9688C71.9418 31.1344 70.8126 29.9502 70.0184 28.4164C69.2366 26.8825 68.8457 25.0663 68.8457 22.968V22.9496C68.8457 20.8512 69.2366 19.0351 70.0184 17.5012C70.8126 15.9551 71.9232 14.7648 73.3503 13.9303C74.7898 13.0836 76.4836 12.6603 78.4319 12.6603C80.3801 12.6603 82.0616 13.0714 83.4763 13.8935C84.9033 14.7034 86.0016 15.8508 86.7709 17.3356C87.5527 18.8204 87.9436 20.5567 87.9436 22.5446V24.2012H71.5075V20.8144H85.3749L82.7875 23.9804V21.9188C82.7875 20.7653 82.6076 19.8021 82.2477 19.029C81.8879 18.2436 81.3853 17.6546 80.74 17.2619C80.1071 16.8693 79.3688 16.6729 78.525 16.6729C77.6811 16.6729 76.9304 16.8754 76.2727 17.2803C75.6274 17.6853 75.1186 18.2804 74.7463 19.0658C74.3865 19.8389 74.2065 20.7899 74.2065 21.9188V23.9988C74.2065 25.0909 74.3865 26.0235 74.7463 26.7966C75.1186 27.5697 75.646 28.1648 76.3285 28.582C77.011 28.987 77.8238 29.1894 78.7669 29.1894C79.5115 29.1894 80.1568 29.0729 80.7028 28.8397C81.2488 28.6066 81.6955 28.3121 82.043 27.9562C82.3904 27.6003 82.6262 27.2383 82.7503 26.8702L82.7875 26.7598H87.7761L87.7202 26.9622C87.5713 27.6862 87.2797 28.4164 86.8454 29.1526C86.4111 29.8889 85.8216 30.5638 85.0771 31.1774C84.3449 31.7909 83.4452 32.2818 82.378 32.6499C81.3232 33.018 80.0823 33.2021 78.6553 33.2021Z" fill="currentColor"/>
|
||||
<path d="M47.6992 39.2395V13.0652H53.1345V16.5073H53.2648C53.6247 15.7096 54.0962 15.0225 54.6794 14.4457C55.2751 13.869 55.9638 13.4272 56.7456 13.1204C57.5398 12.8137 58.4084 12.6603 59.3515 12.6603C61.0392 12.6603 62.4911 13.0714 63.7072 13.8935C64.9233 14.7034 65.8602 15.8753 66.5179 17.4092C67.1756 18.9431 67.5044 20.7776 67.5044 22.9128V22.9312C67.5044 25.0664 67.1756 26.9009 66.5179 28.4348C65.8726 29.9687 64.9481 31.1467 63.7444 31.9688C62.5407 32.791 61.1013 33.2021 59.426 33.2021C58.4829 33.2021 57.608 33.0487 56.8014 32.7419C55.9948 32.4351 55.2937 32.0057 54.6981 31.4535C54.1024 30.889 53.6185 30.2141 53.2462 29.4287H53.1345V39.2395H47.6992ZM57.5646 28.7477C58.4705 28.7477 59.2523 28.5145 59.91 28.0482C60.5677 27.5697 61.0764 26.8947 61.4363 26.0235C61.7962 25.1522 61.9761 24.1215 61.9761 22.9312V22.9128C61.9761 21.7102 61.7962 20.6733 61.4363 19.8021C61.0764 18.9308 60.5615 18.2682 59.8913 17.8141C59.2337 17.3478 58.4581 17.1147 57.5646 17.1147C56.6835 17.1147 55.908 17.354 55.2379 17.8325C54.5678 18.2988 54.0466 18.9676 53.6743 19.8389C53.302 20.6978 53.1159 21.7286 53.1159 22.9312V22.9496C53.1159 24.1276 53.302 25.1522 53.6743 26.0235C54.059 26.8947 54.5802 27.5697 55.2379 28.0482C55.908 28.5145 56.6835 28.7477 57.5646 28.7477Z" fill="currentColor"/>
|
||||
<path d="M33.2915 33.202C31.8272 33.202 30.58 32.9075 29.5501 32.3185C28.5325 31.7172 27.7507 30.8644 27.2047 29.76C26.6711 28.6556 26.4043 27.3365 26.4043 25.8026V13.0652H31.8396V24.6798C31.8396 25.9682 32.1436 26.9683 32.7516 27.68C33.3721 28.3918 34.2904 28.7476 35.5065 28.7476C36.1146 28.7476 36.6606 28.6433 37.1445 28.4347C37.6409 28.2261 38.0628 27.9316 38.4103 27.5512C38.7577 27.1585 39.0245 26.6984 39.2107 26.1707C39.3968 25.6308 39.4899 25.0418 39.4899 24.4037V13.0652H44.9252V32.7971H39.4899V29.5391H39.3782C39.0308 30.2877 38.5716 30.938 38.0008 31.4902C37.4424 32.0424 36.7661 32.4658 35.9719 32.7603C35.1901 33.0548 34.2966 33.202 33.2915 33.202Z" fill="currentColor"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.3469 6.01948C17.2316 6.17899 18.0463 6.41693 18.7907 6.73331C20.3047 7.3714 21.4836 8.27333 22.3274 9.43908C23.1712 10.6048 23.6366 11.9608 23.7234 13.5069L23.7421 13.8567H18.4371L18.4185 13.6358C18.3192 12.9363 18.0524 12.3412 17.6181 11.8504C17.1837 11.3472 16.6067 10.9607 15.887 10.6907C15.1796 10.4208 14.3606 10.2858 13.4299 10.2858C12.4744 10.2858 11.6492 10.4269 10.9543 10.7091C10.2594 10.9791 9.72576 11.3534 9.35348 11.8319C8.99361 12.3105 8.81368 12.8689 8.81368 13.5069V13.5254C8.81368 14.3598 9.17354 15.0347 9.89328 15.5501C10.613 16.0655 11.7423 16.4766 13.281 16.7833L16.129 17.3539C18.0028 17.7221 19.5415 18.2313 20.7452 18.8817C21.9489 19.5321 22.8362 20.3542 23.407 21.3482C23.9902 22.3299 24.2819 23.514 24.2819 24.9007V24.9191C24.2819 26.6247 23.8475 28.1034 22.9789 29.3551C22.1226 30.5944 20.8817 31.5577 19.2561 32.2449C18.3812 32.6109 17.4115 32.8777 16.3469 33.0452V36.7987H11.3663L11.3663 33.1498C10.0896 33.0117 8.9285 32.7408 7.88298 32.3369C6.307 31.7111 5.06607 30.8215 4.16019 29.668C3.25431 28.5022 2.74553 27.1033 2.63385 25.4713L2.61523 25.1768H7.92021L7.95743 25.3792C8.08153 26.0664 8.39176 26.6616 8.88813 27.1647C9.39691 27.6555 10.0546 28.0421 10.8612 28.3243C11.6678 28.5943 12.5799 28.7292 13.5975 28.7292C14.6398 28.7292 15.5333 28.5943 16.2779 28.3243C17.0348 28.0421 17.6181 27.6494 18.0276 27.1463C18.4495 26.6309 18.6604 26.0357 18.6604 25.3608V25.3424C18.6604 24.4466 18.3006 23.7472 17.5808 23.2441C16.8735 22.7287 15.6822 22.2992 14.007 21.9556L11.1776 21.4034C8.53447 20.8757 6.54277 19.9861 5.20257 18.7344C3.86237 17.4828 3.19227 15.8569 3.19227 13.8567V13.8383C3.19227 12.2185 3.6328 10.8073 4.51386 9.60474C5.39492 8.3899 6.60482 7.45117 8.14357 6.78853C9.12666 6.35734 10.2009 6.06389 11.3663 5.90818L11.3663 2.32336L16.3469 2.32336V6.01948Z" fill="currentColor"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 9.3 KiB |
|
|
@ -0,0 +1,80 @@
|
|||
/*
|
||||
Copyright 2020 The Matrix.org Foundation C.I.C.
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
import SdkConfig from "matrix-react-sdk/src/SdkConfig";
|
||||
import AutoHideScrollbar from "matrix-react-sdk/src/components/structures/AutoHideScrollbar";
|
||||
import EmbeddedPage from "matrix-react-sdk/src/components/structures/EmbeddedPage";
|
||||
import AccessibleButton from "matrix-react-sdk/src/components/views/elements/AccessibleButton";
|
||||
import { useMatrixClientContext } from "matrix-react-sdk/src/contexts/MatrixClientContext";
|
||||
import { getHomePageUrl } from "matrix-react-sdk/src/utils/pages";
|
||||
import * as React from "react";
|
||||
|
||||
import { Icon as ChatScreenShot } from "../../../res/themes/superhero/img/arts/chat-screenshot.svg";
|
||||
import { Icon as ChromeIcon } from "../../../res/themes/superhero/img/icons/chrome.svg";
|
||||
import { Icon as FirefoxIcon } from "../../../res/themes/superhero/img/icons/firefox.svg";
|
||||
import { Icon as SuperheroLogo } from "../../../res/themes/superhero/img/logos/superhero-logo.svg";
|
||||
|
||||
interface IProps {
|
||||
justRegistered?: boolean;
|
||||
}
|
||||
|
||||
const HomePage: React.FC<IProps> = () => {
|
||||
const cli = useMatrixClientContext();
|
||||
const config = SdkConfig.get();
|
||||
const pageUrl = getHomePageUrl(config, cli);
|
||||
|
||||
if (pageUrl) {
|
||||
return <EmbeddedPage className="mx_HomePage" url={pageUrl} scrollbar={true} />;
|
||||
}
|
||||
|
||||
return (
|
||||
<AutoHideScrollbar className="mx_HomePage mx_HomePage_default" element="main">
|
||||
<div className="mx_HomePage_default_wrapper">
|
||||
<ChatScreenShot />
|
||||
<div className="mx_HomePage_title">
|
||||
<SuperheroLogo />
|
||||
<div>is so much better with our Wallet</div>
|
||||
</div>
|
||||
<div className="mx_HomePage_default_buttons_title">Download extension for your browser</div>
|
||||
<div className="mx_HomePage_default_buttons">
|
||||
<AccessibleButton
|
||||
onClick={(): void => {
|
||||
window.open("https://addons.mozilla.org/en-US/firefox/addon/superhero-wallet/", "_blank");
|
||||
}}
|
||||
className="mx_HomePage_button_custom"
|
||||
>
|
||||
<FirefoxIcon />
|
||||
from Firefox Add-ons
|
||||
</AccessibleButton>
|
||||
<AccessibleButton
|
||||
onClick={(): void => {
|
||||
window.open(
|
||||
"https://chromewebstore.google.com/detail/superhero/mnhmmkepfddpifjkamaligfeemcbhdne",
|
||||
"_blank",
|
||||
);
|
||||
}}
|
||||
className="mx_HomePage_button_custom"
|
||||
>
|
||||
<ChromeIcon />
|
||||
from Chrome Web Store
|
||||
</AccessibleButton>
|
||||
</div>
|
||||
</div>
|
||||
</AutoHideScrollbar>
|
||||
);
|
||||
};
|
||||
|
||||
export default HomePage;
|
||||
Loading…
Reference in New Issue