mirror of
https://github.com/overleaf/overleaf.git
synced 2024-09-16 02:52:31 -04:00
Implement new welcome page UI with split test (#11677)
GitOrigin-RevId: 3028ee5e34802e4f9a29cb752fcfa8ca6d5c284c
This commit is contained in:
M Fahru
Copybot
parent
db70128d03
commit
8c549aa0fa
15 changed files with 740 additions and 5 deletions
|
|
@ -308,6 +308,22 @@ async function projectListPage(req, res, next) {
|
|||
}
|
||||
}
|
||||
|
||||
let welcomePageRedesignAssignment = { variant: 'default' }
|
||||
|
||||
try {
|
||||
welcomePageRedesignAssignment =
|
||||
await SplitTestHandler.promises.getAssignment(
|
||||
req,
|
||||
res,
|
||||
'welcome-page-redesign'
|
||||
)
|
||||
} catch (error) {
|
||||
logger.error(
|
||||
{ err: error },
|
||||
'failed to get "welcome-page-redesign" split test assignment'
|
||||
)
|
||||
}
|
||||
|
||||
const hasPaidAffiliation = userAffiliations.some(
|
||||
affiliation => affiliation.licence && affiliation.licence !== 'free'
|
||||
)
|
||||
|
|
@ -378,6 +394,7 @@ async function projectListPage(req, res, next) {
|
|||
showWritefullPromoBanner,
|
||||
showINRBanner,
|
||||
projectDashboardReact: true, // used in navbar
|
||||
welcomePageRedesignVariant: welcomePageRedesignAssignment.variant,
|
||||
})
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -29,6 +29,7 @@ block append meta
|
|||
meta(name="ol-showWritefullPromoBanner" data-type="boolean" content=showWritefullPromoBanner)
|
||||
meta(name="ol-groupsAndEnterpriseBannerVariant" data-type="string" content=groupsAndEnterpriseBannerVariant)
|
||||
meta(name="ol-showINRBanner" data-type="boolean" content=showINRBanner)
|
||||
meta(name="ol-welcomePageRedesignVariant" data-type="string" content=welcomePageRedesignVariant)
|
||||
|
||||
block content
|
||||
main.content.content-alt.project-list-react#project-list-root
|
||||
|
|
|
|||
|
|
@ -167,6 +167,7 @@
|
|||
"coupon_code_is_not_valid_for_selected_plan": "",
|
||||
"coupons_not_included": "",
|
||||
"create": "",
|
||||
"create_a_new_project": "",
|
||||
"create_first_project": "",
|
||||
"create_new_subscription": "",
|
||||
"create_new_tag": "",
|
||||
|
|
@ -475,6 +476,7 @@
|
|||
"institution_account": "",
|
||||
"institution_acct_successfully_linked_2": "",
|
||||
"institution_and_role": "",
|
||||
"institution_templates": "",
|
||||
"institutional_leavers_survey_notification": "",
|
||||
"integrations": "",
|
||||
"interested_in_cheaper_personal_plan": "",
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@ type SendTrackingEvent = {
|
|||
}
|
||||
|
||||
type Segmentation = SendTrackingEvent & {
|
||||
'project-dashboard-react': 'enabled'
|
||||
'welcome-page-redesign': 'default'
|
||||
}
|
||||
|
||||
type ModalMenuClickOptions = {
|
||||
|
|
@ -60,7 +60,7 @@ function NewProjectButton({
|
|||
}: SendTrackingEvent) => {
|
||||
if (trackingKey) {
|
||||
let segmentation: Segmentation = {
|
||||
'project-dashboard-react': 'enabled',
|
||||
'welcome-page-redesign': 'default',
|
||||
dropdownMenu,
|
||||
dropdownOpen,
|
||||
}
|
||||
|
|
|
|||
|
|
@ -23,6 +23,8 @@ import ProjectListTitle from './title/project-list-title'
|
|||
import Sidebar from './sidebar/sidebar'
|
||||
import LoadMore from './load-more'
|
||||
import { useEffect } from 'react'
|
||||
import getMeta from '../../../utils/meta'
|
||||
import WelcomeMessageNew from './welcome-message-new'
|
||||
|
||||
function ProjectListRoot() {
|
||||
const { isReady } = useWaitForI18n()
|
||||
|
|
@ -51,6 +53,9 @@ function ProjectListPageContent() {
|
|||
} = useProjectListContext()
|
||||
|
||||
const selectedTag = tags.find(tag => tag._id === selectedTagId)
|
||||
const welcomePageRedesignVariant = getMeta(
|
||||
'ol-welcomePageRedesignVariant'
|
||||
) as 'enabled' | 'default'
|
||||
|
||||
useEffect(() => {
|
||||
eventTracking.sendMB('loads_v2_dash', {})
|
||||
|
|
@ -159,7 +164,11 @@ function ProjectListPageContent() {
|
|||
<UserNotifications />
|
||||
</Col>
|
||||
</Row>
|
||||
<WelcomeMessage />
|
||||
{welcomePageRedesignVariant === 'enabled' ? (
|
||||
<WelcomeMessageNew />
|
||||
) : (
|
||||
<WelcomeMessage />
|
||||
)}
|
||||
</Col>
|
||||
</Row>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,57 @@
|
|||
import { useState, useCallback } from 'react'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
import { sendMB } from '../../../infrastructure/event-tracking'
|
||||
import NewProjectButtonModal from './new-project-button/new-project-button-modal'
|
||||
import type { NewProjectButtonModalVariant } from './new-project-button/new-project-button-modal'
|
||||
import type { Nullable } from '../../../../../types/utils'
|
||||
import WelcomeMessageLink from './welcome-message-new/welcome-message-link'
|
||||
import WelcomeMessageCreateNewProjectDropdown from './welcome-message-new/welcome-message-create-new-project-dropdown'
|
||||
|
||||
export default function WelcomeMessageNew() {
|
||||
const { t } = useTranslation()
|
||||
const [activeModal, setActiveModal] =
|
||||
useState<Nullable<NewProjectButtonModalVariant>>(null)
|
||||
|
||||
const handleTemplatesClick = useCallback(() => {
|
||||
sendMB('welcome-page-templates-click', {
|
||||
'welcome-page-redesign': 'enabled',
|
||||
})
|
||||
}, [])
|
||||
|
||||
const handleLatexHelpClick = useCallback(() => {
|
||||
sendMB('welcome-page-latex-help-click', {
|
||||
'welcome-page-redesign': 'enabled',
|
||||
})
|
||||
}, [])
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className="card welcome-new-wrapper">
|
||||
<div className="welcome text-centered">
|
||||
<h2 className="welcome-title">{t('welcome_to_sl')}</h2>
|
||||
<div className="welcome-message-cards-wrapper">
|
||||
<WelcomeMessageCreateNewProjectDropdown
|
||||
setActiveModal={modal => setActiveModal(modal)}
|
||||
/>
|
||||
<WelcomeMessageLink
|
||||
imgSrc="/img/welcome-page/learn-latex.svg"
|
||||
title="Learn LaTeX with a tutorial"
|
||||
href="/learn/latex/Learn_LaTeX_in_30_minutes"
|
||||
onClick={handleLatexHelpClick}
|
||||
/>
|
||||
<WelcomeMessageLink
|
||||
imgSrc="/img/welcome-page/browse-templates.svg"
|
||||
title="Browse templates"
|
||||
href="/templates"
|
||||
onClick={handleTemplatesClick}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<NewProjectButtonModal
|
||||
modal={activeModal}
|
||||
onHide={() => setActiveModal(null)}
|
||||
/>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
|
@ -0,0 +1,160 @@
|
|||
import { useCallback, useState } from 'react'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
import type { PortalTemplate } from '../../../../../../types/portal-template'
|
||||
import { sendMB } from '../../../../infrastructure/event-tracking'
|
||||
import getMeta from '../../../../utils/meta'
|
||||
import { NewProjectButtonModalVariant } from '../new-project-button/new-project-button-modal'
|
||||
|
||||
type WelcomeMessageCreateNewProjectDropdownProps = {
|
||||
setActiveModal: (modal: NewProjectButtonModalVariant) => void
|
||||
}
|
||||
|
||||
function WelcomeMessageCreateNewProjectDropdown({
|
||||
setActiveModal,
|
||||
}: WelcomeMessageCreateNewProjectDropdownProps) {
|
||||
const [showDropdown, setShowDropdown] = useState(false)
|
||||
const { t } = useTranslation()
|
||||
const portalTemplates = getMeta('ol-portalTemplates') as
|
||||
| PortalTemplate[]
|
||||
| undefined
|
||||
|
||||
const handleClick = useCallback(() => {
|
||||
sendMB('welcome-page-create-first-project-click', {
|
||||
'welcome-page-redesign': 'enabled',
|
||||
dropdownOpen: showDropdown,
|
||||
})
|
||||
|
||||
// toggle the dropdown
|
||||
setShowDropdown(!showDropdown)
|
||||
}, [setShowDropdown, showDropdown])
|
||||
|
||||
const handleKeyDown = useCallback(
|
||||
(e: React.KeyboardEvent<HTMLDivElement>) => {
|
||||
if (e.code === 'Enter') {
|
||||
handleClick()
|
||||
} else if (e.code === 'Space') {
|
||||
handleClick()
|
||||
|
||||
// prevent page down when pressing space
|
||||
e.preventDefault()
|
||||
}
|
||||
},
|
||||
[handleClick]
|
||||
)
|
||||
|
||||
const handleDropdownItemClick = useCallback(
|
||||
(
|
||||
e: React.MouseEvent<HTMLButtonElement, MouseEvent>,
|
||||
modalVariant: NewProjectButtonModalVariant,
|
||||
dropdownMenuEvent: string
|
||||
) => {
|
||||
// prevent firing the main dropdown onClick event
|
||||
e.stopPropagation()
|
||||
|
||||
setShowDropdown(false)
|
||||
|
||||
sendMB('welcome-page-create-first-project-click', {
|
||||
'welcome-page-redesign': 'enabled',
|
||||
dropdownOpen: true,
|
||||
dropdownMenu: dropdownMenuEvent,
|
||||
})
|
||||
setActiveModal(modalVariant)
|
||||
},
|
||||
[setActiveModal, setShowDropdown]
|
||||
)
|
||||
|
||||
const handlePortalTemplateClick = useCallback(
|
||||
(
|
||||
e: React.MouseEvent<HTMLAnchorElement, MouseEvent>,
|
||||
institutionTemplateName: string
|
||||
) => {
|
||||
// prevent firing the main dropdown onClick event
|
||||
e.stopPropagation()
|
||||
|
||||
setShowDropdown(false)
|
||||
|
||||
sendMB('welcome-page-create-first-project-click', {
|
||||
'welcome-page-redesign': 'enabled',
|
||||
dropdownMenu: 'institution-template',
|
||||
dropdownOpen: true,
|
||||
institutionTemplateName,
|
||||
})
|
||||
},
|
||||
[setShowDropdown]
|
||||
)
|
||||
|
||||
return (
|
||||
<div
|
||||
role="button"
|
||||
tabIndex={0}
|
||||
className="card welcome-message-card"
|
||||
onClick={handleClick}
|
||||
onKeyDown={handleKeyDown}
|
||||
>
|
||||
<p>{t('create_a_new_project')}</p>
|
||||
<img
|
||||
className="welcome-message-card-img"
|
||||
src="/img/welcome-page/create-a-new-project.svg"
|
||||
aria-hidden="true"
|
||||
alt=""
|
||||
/>
|
||||
{showDropdown ? (
|
||||
<div className="card create-new-project-dropdown">
|
||||
<button
|
||||
onClick={e =>
|
||||
handleDropdownItemClick(e, 'blank_project', 'blank-project')
|
||||
}
|
||||
>
|
||||
{t('blank_project')}
|
||||
</button>
|
||||
<button
|
||||
onClick={e =>
|
||||
handleDropdownItemClick(e, 'example_project', 'example-project')
|
||||
}
|
||||
>
|
||||
{t('example_project')}
|
||||
</button>
|
||||
<button
|
||||
onClick={e =>
|
||||
handleDropdownItemClick(e, 'upload_project', 'upload-project')
|
||||
}
|
||||
>
|
||||
{t('upload_project')}
|
||||
</button>
|
||||
<button
|
||||
onClick={e =>
|
||||
handleDropdownItemClick(
|
||||
e,
|
||||
'import_from_github',
|
||||
'import-from-github'
|
||||
)
|
||||
}
|
||||
>
|
||||
{t('import_from_github')}
|
||||
</button>
|
||||
{(portalTemplates?.length ?? 0) > 0 ? (
|
||||
<>
|
||||
<hr />
|
||||
<div className="dropdown-header">
|
||||
{t('institution_templates')}
|
||||
</div>
|
||||
{portalTemplates?.map((portalTemplate, index) => (
|
||||
<a
|
||||
key={`portal-template-${index}`}
|
||||
href={`${portalTemplate.url}#templates`}
|
||||
onClick={e =>
|
||||
handlePortalTemplateClick(e, portalTemplate.name)
|
||||
}
|
||||
>
|
||||
{portalTemplate.name}
|
||||
</a>
|
||||
))}
|
||||
</>
|
||||
) : null}
|
||||
</div>
|
||||
) : null}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default WelcomeMessageCreateNewProjectDropdown
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
type WelcomeMessageLinkProps = {
|
||||
imgSrc: string
|
||||
title: string
|
||||
href: string
|
||||
onClick?: () => void
|
||||
}
|
||||
|
||||
export default function WelcomeMessageLink({
|
||||
imgSrc,
|
||||
title,
|
||||
href,
|
||||
onClick,
|
||||
}: WelcomeMessageLinkProps) {
|
||||
return (
|
||||
<a
|
||||
href={href}
|
||||
onClick={onClick}
|
||||
className="card welcome-message-card welcome-message-card-link"
|
||||
>
|
||||
<p>{title}</p>
|
||||
<img
|
||||
className="welcome-message-card-img"
|
||||
src={imgSrc}
|
||||
alt={title}
|
||||
aria-hidden="true"
|
||||
/>
|
||||
</a>
|
||||
)
|
||||
}
|
||||
|
|
@ -9,13 +9,13 @@ export default function WelcomeMessage() {
|
|||
|
||||
const handleTemplatesClick = useCallback(() => {
|
||||
sendMB('welcome-page-templates-click', {
|
||||
'project-dashboard-react': 'enabled',
|
||||
'welcome-page-redesign': 'default',
|
||||
})
|
||||
}, [])
|
||||
|
||||
const handleLatexHelpClick = useCallback(() => {
|
||||
sendMB('welcome-page-latex-help-click', {
|
||||
'project-dashboard-react': 'enabled',
|
||||
'welcome-page-redesign': 'default',
|
||||
})
|
||||
}, [])
|
||||
|
||||
|
|
|
|||
|
|
@ -75,6 +75,110 @@
|
|||
|
||||
.project-list-welcome-wrapper {
|
||||
width: 100%;
|
||||
|
||||
.welcome-new-wrapper {
|
||||
max-width: 1080px;
|
||||
|
||||
.welcome-title {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.welcome-message-cards-wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 50px;
|
||||
|
||||
@media (min-width: @screen-md-min) {
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
.welcome-message-card {
|
||||
border: 1px solid @neutral-20;
|
||||
border-radius: 16px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 24px 16px;
|
||||
margin: @margin-sm 0;
|
||||
width: 280px;
|
||||
height: 200px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
|
||||
@media (min-width: @screen-md-min) {
|
||||
margin: 0 15px;
|
||||
height: 240px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: @ol-blue-gray-0;
|
||||
}
|
||||
|
||||
.welcome-message-card-img {
|
||||
@media (min-width: @screen-md-min) {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.create-new-project-dropdown {
|
||||
border: 1px solid @neutral-20;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
border-radius: 3px;
|
||||
z-index: 1;
|
||||
text-align: left;
|
||||
|
||||
button,
|
||||
a,
|
||||
.dropdown-header {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
> button {
|
||||
background-color: white;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
&:hover {
|
||||
background-color: @ol-blue-gray-0;
|
||||
}
|
||||
}
|
||||
|
||||
> a {
|
||||
color: @ol-blue-gray-3;
|
||||
display: block;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
background-color: @ol-blue-gray-0;
|
||||
}
|
||||
}
|
||||
|
||||
hr {
|
||||
margin-top: 6px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.welcome-message-card-link {
|
||||
&,
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: @ol-blue-gray-3;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.project-list-main-react {
|
||||
|
|
|
|||
|
|
@ -292,6 +292,7 @@
|
|||
"coupons_not_included": "This does not include your current discounts, which will be applied automatically before your next payment",
|
||||
"create": "Create",
|
||||
"create_a_new_password_for_your_account": "Create a new password for your account",
|
||||
"create_a_new_project": "Create a new project",
|
||||
"create_first_admin_account": "Create the first Admin account",
|
||||
"create_first_project": "Create First Project",
|
||||
"create_new_account": "Create new account",
|
||||
|
|
@ -772,6 +773,7 @@
|
|||
"institution_acct_successfully_linked_2": "Your <0>__appName__</0> account was successfully linked to your <0>__institutionName__</0> institutional account.",
|
||||
"institution_and_role": "Institution and role",
|
||||
"institution_email_new_to_app": "Your <b>__institutionName__</b> email (<b>__email__</b>) is new to __appName__.",
|
||||
"institution_templates": "Institution Templates",
|
||||
"institutional": "Institutional",
|
||||
"institutional_leavers_survey_notification": "Provide some quick feedback to receive a 25% discount on an annual subscription!",
|
||||
"institutional_login_not_supported": "Your institution doesn’t support <b>institutional login</b> yet, but you can still register with your institutional email.",
|
||||
|
|
|
|||
105
services/web/public/img/welcome-page/browse-templates.svg
Normal file
105
services/web/public/img/welcome-page/browse-templates.svg
Normal file
|
|
@ -0,0 +1,105 @@
|
|||
<svg width="126" height="100" viewBox="0 0 126 100" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_175_1054)">
|
||||
<path d="M39.3719 3.81143C26.3244 9.2722 18.8367 22.5474 18.8367 41.0158C18.8367 59.4841 15.0149 57.0465 10.0969 66.3966C6.58525 73.0727 8.50277 84.7013 13.016 90.1228C19.2684 97.6326 30.0213 100.713 42.1183 99.6659C61.7656 97.9654 63.0902 80.1373 92.2719 87.4457C106.165 90.9252 118.65 78.9172 122.419 61.7865C124.68 51.5082 119.948 37.5547 110.231 32.0116C96.9858 24.4571 97.3925 30.9183 82.7227 14.579C66.9559 -2.98246 53.4157 -2.06638 39.3719 3.81143Z" fill="#F3F5FD"/>
|
||||
<path d="M125.409 30.661L74.8271 11.1336L50.6412 74.5096L101.223 94.037L125.409 30.661Z" fill="#C1D8ED"/>
|
||||
<g opacity="0.61">
|
||||
<path d="M62.5865 54.6542C62.5491 54.6244 62.5222 54.5832 62.5097 54.5369C62.4971 54.4906 62.4997 54.4415 62.5169 54.3967L69.6677 35.6367C69.6782 35.609 69.6941 35.5837 69.7144 35.5622C69.7347 35.5406 69.759 35.5233 69.786 35.5113C69.813 35.4992 69.842 35.4926 69.8715 35.4919C69.9011 35.4911 69.9304 35.4962 69.958 35.5068L112.799 52.0664C112.854 52.0879 112.899 52.1308 112.924 52.1856C112.948 52.2404 112.95 52.3026 112.928 52.3585L105.777 71.1183C105.767 71.1461 105.751 71.1715 105.731 71.1931C105.71 71.2147 105.686 71.232 105.659 71.2441C105.632 71.2561 105.603 71.2627 105.574 71.2634C105.544 71.2641 105.515 71.2589 105.487 71.2481L62.6464 54.6889C62.6248 54.6805 62.6046 54.6688 62.5865 54.6542ZM70.0069 36.0098L63.017 54.3476L105.438 70.745L112.427 52.4065L70.0069 36.0098Z" fill="white"/>
|
||||
</g>
|
||||
<g opacity="0.61">
|
||||
<path d="M61.0196 58.7599C60.9777 58.7261 60.9491 58.6785 60.939 58.6254C60.9289 58.5724 60.9381 58.5175 60.9648 58.4707C60.9914 58.4239 61.0339 58.3882 61.0845 58.3702C61.135 58.3521 61.1904 58.3529 61.2405 58.3723L104.074 74.9283C104.129 74.9499 104.174 74.9927 104.198 75.0475C104.223 75.1023 104.224 75.1645 104.203 75.2204C104.182 75.2763 104.139 75.3214 104.085 75.3458C104.03 75.3701 103.968 75.3717 103.913 75.3502L61.08 58.7939C61.0583 58.7858 61.0379 58.7743 61.0196 58.7599Z" fill="white"/>
|
||||
</g>
|
||||
<g opacity="0.61">
|
||||
<path d="M59.7085 62.1953C59.6667 62.1615 59.6383 62.1138 59.6283 62.0609C59.6183 62.0079 59.6275 61.9531 59.6541 61.9064C59.6808 61.8597 59.7231 61.8241 59.7736 61.8061C59.8241 61.788 59.8793 61.7887 59.9294 61.8079L102.762 78.3638C102.79 78.3741 102.816 78.3899 102.838 78.4103C102.86 78.4306 102.878 78.4552 102.89 78.4825C102.903 78.5099 102.909 78.5394 102.91 78.5694C102.911 78.5994 102.906 78.6293 102.896 78.6573C102.885 78.6853 102.869 78.7109 102.848 78.7326C102.827 78.7543 102.803 78.7716 102.775 78.7835C102.748 78.7955 102.718 78.8018 102.689 78.8021C102.659 78.8025 102.629 78.7968 102.601 78.7855L59.7685 62.2298C59.7468 62.2215 59.7265 62.2099 59.7085 62.1953Z" fill="white"/>
|
||||
</g>
|
||||
<g opacity="0.61">
|
||||
<path d="M58.3975 65.6307C58.3557 65.597 58.3272 65.5493 58.3172 65.4964C58.3072 65.4434 58.3164 65.3886 58.343 65.3419C58.3697 65.2952 58.412 65.2595 58.4625 65.2415C58.513 65.2234 58.5682 65.2241 58.6183 65.2433L101.451 81.7991C101.507 81.8206 101.552 81.8635 101.576 81.9182C101.6 81.973 101.602 82.0352 101.581 82.0912C101.559 82.1471 101.517 82.1922 101.462 82.2166C101.408 82.241 101.346 82.2425 101.291 82.221L58.4577 65.6652C58.436 65.657 58.4157 65.6454 58.3975 65.6307Z" fill="white"/>
|
||||
</g>
|
||||
<g opacity="0.61">
|
||||
<path d="M57.0863 69.0665C57.0445 69.0327 57.016 68.9851 57.006 68.9321C56.996 68.8792 57.0052 68.8244 57.0318 68.7776C57.0584 68.7309 57.1008 68.6953 57.1512 68.6772C57.2017 68.6591 57.257 68.6598 57.307 68.6791L100.14 85.2348C100.168 85.2455 100.193 85.2615 100.214 85.2819C100.236 85.3024 100.253 85.3269 100.265 85.354C100.277 85.3811 100.284 85.4103 100.284 85.44C100.285 85.4697 100.28 85.4992 100.27 85.5269C100.259 85.5546 100.243 85.5799 100.223 85.6014C100.203 85.6229 100.178 85.6402 100.151 85.6523C100.124 85.6643 100.095 85.6709 100.066 85.6717C100.036 85.6724 100.007 85.6673 99.9794 85.6567L57.1465 69.1007C57.1248 69.0926 57.1044 69.081 57.0863 69.0665Z" fill="white"/>
|
||||
</g>
|
||||
<g opacity="0.61">
|
||||
<path d="M71.1166 32.3025C71.0748 32.2687 71.0463 32.2211 71.0364 32.1681C71.0264 32.1152 71.0355 32.0604 71.0621 32.0136C71.0888 31.9669 71.1311 31.9313 71.1816 31.9132C71.2321 31.8951 71.2873 31.8958 71.3374 31.9151L114.17 48.4711C114.226 48.4926 114.271 48.5355 114.295 48.5903C114.32 48.645 114.321 48.7072 114.3 48.7632C114.278 48.8191 114.236 48.8642 114.181 48.8885C114.127 48.9129 114.065 48.9144 114.01 48.8929L71.1765 32.3371C71.1549 32.3287 71.1347 32.3171 71.1166 32.3025Z" fill="white"/>
|
||||
</g>
|
||||
<g opacity="0.61">
|
||||
<path d="M72.8873 27.8136C72.8455 27.7798 72.8171 27.7322 72.8071 27.6792C72.7971 27.6263 72.8062 27.5715 72.8328 27.5247C72.8595 27.478 72.9018 27.4424 72.9523 27.4243C73.0028 27.4062 73.058 27.4069 73.1081 27.4262L101.932 38.5671C101.987 38.5892 102.031 38.6321 102.054 38.6866C102.078 38.7411 102.079 38.8027 102.058 38.8582C102.037 38.9136 101.995 38.9585 101.941 38.983C101.888 39.0075 101.826 39.0097 101.771 38.9892L72.9472 27.8482C72.9257 27.8398 72.9055 27.8281 72.8873 27.8136Z" fill="white"/>
|
||||
</g>
|
||||
<g opacity="0.61">
|
||||
<path d="M105.348 29.6105L76.5227 18.4838L76.0083 19.8325L104.834 30.9592L105.348 29.6105Z" fill="white"/>
|
||||
</g>
|
||||
<g opacity="0.61">
|
||||
<path d="M74.5066 23.5708C74.4648 23.5371 74.4363 23.4894 74.4263 23.4365C74.4163 23.3835 74.4255 23.3287 74.4521 23.282C74.4787 23.2352 74.5211 23.1996 74.5716 23.1816C74.622 23.1635 74.6773 23.1641 74.7274 23.1834L103.551 34.3244C103.578 34.335 103.604 34.351 103.625 34.3715C103.646 34.3919 103.664 34.4164 103.676 34.4435C103.688 34.4706 103.694 34.4998 103.695 34.5295C103.696 34.5592 103.691 34.5887 103.68 34.6164C103.67 34.6441 103.654 34.6695 103.634 34.691C103.613 34.7125 103.589 34.7298 103.562 34.7418C103.535 34.7539 103.506 34.7605 103.476 34.7613C103.447 34.762 103.418 34.7569 103.39 34.7463L74.5668 23.6051C74.5451 23.5968 74.5248 23.5853 74.5066 23.5708Z" fill="white"/>
|
||||
</g>
|
||||
<path d="M75.1176 53.3504C75.0932 53.341 75.0705 53.3273 75.0507 53.31L68.7993 47.8304C68.777 47.8109 68.7589 47.7872 68.7457 47.7606C68.7326 47.7341 68.7248 47.7052 68.7228 47.6756C68.7187 47.6158 68.7384 47.5569 68.7775 47.5117C68.8167 47.4666 68.872 47.4389 68.9314 47.4348C68.9908 47.4307 69.0494 47.4505 69.0943 47.4899L75.2392 52.876L85.2005 48.566C85.2512 48.5441 85.3081 48.5417 85.3604 48.5593C85.4128 48.5769 85.4568 48.6133 85.4843 48.6614L89.1928 55.1851L95.7642 54.2883C95.8027 54.2831 95.8419 54.288 95.878 54.3026C95.914 54.3172 95.9457 54.3409 95.9699 54.3715L101.032 60.7614L107.09 57.043C107.141 57.0118 107.202 57.0022 107.26 57.0163C107.318 57.0304 107.368 57.067 107.399 57.1181C107.43 57.1693 107.439 57.2307 107.425 57.2889C107.411 57.3471 107.375 57.3974 107.324 57.4286L101.097 61.2503C101.05 61.2792 100.995 61.2898 100.941 61.2802C100.887 61.2706 100.838 61.2414 100.804 61.1982L95.6983 54.7527L89.1031 55.6532C89.0588 55.6592 89.0137 55.6518 88.9736 55.6319C88.9335 55.6119 88.9002 55.5805 88.878 55.5414L85.1937 49.0606L75.2875 53.3475C75.2334 53.3708 75.1725 53.3718 75.1176 53.3504Z" fill="#262626"/>
|
||||
<path d="M108.308 42.8298C110.909 44.923 114.705 44.4993 116.786 41.8834C118.867 39.2674 118.446 35.4498 115.845 33.3565C113.244 31.2633 109.448 31.687 107.367 34.3029C105.286 36.9189 105.707 40.7365 108.308 42.8298Z" fill="#F3F5FD"/>
|
||||
<path d="M117.655 35.7883L112.077 38.0939L114.238 32.4306C114.979 32.7152 115.656 33.1442 116.231 33.693C116.806 34.2418 117.267 34.8996 117.588 35.6285C117.611 35.681 117.634 35.7348 117.655 35.7883Z" fill="#5BB553"/>
|
||||
<path d="M117.708 40.268C117.322 41.2834 116.671 42.1752 115.823 42.8488L112.077 38.0945L117.587 35.6288C117.611 35.6814 117.633 35.7352 117.655 35.7887C118.242 37.2198 118.261 38.8232 117.708 40.268Z" fill="#262626"/>
|
||||
<path d="M67.2972 51.7786C67.2671 51.7542 67.2433 51.7228 67.2278 51.6871C67.2123 51.6515 67.2057 51.6126 67.2084 51.5737C67.2111 51.5349 67.2231 51.4974 67.2434 51.4642C67.2637 51.4311 67.2917 51.4034 67.3249 51.3835L78.1358 44.9156C78.1632 44.8992 78.1936 44.8884 78.2252 44.884C78.2568 44.8795 78.2889 44.8814 78.3197 44.8896C78.3506 44.8978 78.3795 44.9121 78.4047 44.9316C78.43 44.9512 78.4512 44.9756 78.4669 45.0035L83.4663 53.8479L89.8707 52.3012C89.9154 52.2905 89.9622 52.2928 90.0056 52.308C90.0489 52.3232 90.087 52.3506 90.1154 52.3869L95.3821 59.1355L108.066 54.5481C108.096 54.5369 108.127 54.5317 108.159 54.5328C108.191 54.534 108.222 54.5415 108.251 54.5549C108.28 54.5683 108.306 54.5874 108.327 54.6109C108.349 54.6345 108.365 54.6622 108.376 54.6922C108.387 54.7223 108.391 54.7543 108.39 54.7862C108.388 54.8181 108.38 54.8494 108.367 54.8782C108.353 54.907 108.333 54.9328 108.31 54.9541C108.286 54.9753 108.258 54.9916 108.228 55.0019L95.3814 59.6483C95.334 59.6655 95.2825 59.6672 95.234 59.6531C95.1856 59.6391 95.1428 59.6101 95.1117 59.5703L89.8331 52.8065L83.4026 54.3587C83.352 54.3709 83.2989 54.3663 83.2512 54.3455C83.2035 54.3247 83.1638 54.2889 83.1381 54.2434L78.1704 45.4553L67.5697 51.7977C67.5277 51.8228 67.4792 51.8344 67.4305 51.8309C67.3818 51.8275 67.3353 51.8093 67.2972 51.7786Z" fill="white"/>
|
||||
<path d="M52.1458 12.8025L0.521851 29.3412L21.0062 94.0234L72.6301 77.4847L52.1458 12.8025Z" fill="#C1D8ED"/>
|
||||
<g opacity="0.61">
|
||||
<path d="M13.0127 55.3017C12.959 55.3018 12.907 55.2825 12.8663 55.2474C12.8255 55.2123 12.7985 55.1636 12.7903 55.1103C12.782 55.0569 12.793 55.0023 12.8213 54.9564C12.8496 54.9105 12.8933 54.8763 12.9444 54.8599L56.6602 40.855C56.717 40.8368 56.7787 40.842 56.8316 40.8696C56.8846 40.8971 56.9245 40.9447 56.9426 41.0018C56.9607 41.059 56.9554 41.121 56.9281 41.1742C56.9007 41.2275 56.8534 41.2676 56.7966 41.2858L13.0809 55.2903C13.0589 55.2977 13.0359 55.3016 13.0127 55.3017Z" fill="white"/>
|
||||
</g>
|
||||
<g opacity="0.61">
|
||||
<path d="M14.123 58.808C14.0694 58.8079 14.0176 58.7885 13.9769 58.7534C13.9363 58.7183 13.9094 58.6697 13.9012 58.6165C13.893 58.5632 13.904 58.5087 13.9321 58.4629C13.9603 58.417 14.0038 58.3828 14.0549 58.3664L57.7705 44.3614C57.7988 44.3518 57.8287 44.3479 57.8585 44.35C57.8883 44.3521 57.9174 44.3602 57.944 44.3737C57.9707 44.3873 57.9944 44.406 58.0137 44.4289C58.0331 44.4518 58.0477 44.4783 58.0568 44.5069C58.0659 44.5355 58.0692 44.5657 58.0665 44.5956C58.0638 44.6255 58.0553 44.6546 58.0413 44.6811C58.0274 44.7077 58.0083 44.7312 57.9852 44.7502C57.9621 44.7693 57.9355 44.7835 57.9069 44.7921L14.1912 58.7972C14.1692 58.8044 14.1462 58.8081 14.123 58.808Z" fill="white"/>
|
||||
</g>
|
||||
<g opacity="0.61">
|
||||
<path d="M15.2258 62.2983C15.1722 62.2982 15.1204 62.2789 15.0797 62.2438C15.039 62.2087 15.0121 62.1601 15.0039 62.1068C14.9957 62.0535 15.0066 61.9991 15.0348 61.9532C15.063 61.9073 15.1065 61.8731 15.1575 61.8566L58.8733 47.8513C58.9015 47.8423 58.9311 47.839 58.9605 47.8415C58.9899 47.844 59.0185 47.8523 59.0448 47.8659C59.071 47.8796 59.0943 47.8983 59.1133 47.921C59.1323 47.9437 59.1468 47.9699 59.1557 47.9982C59.1647 48.0265 59.168 48.0563 59.1655 48.0859C59.163 48.1154 59.1547 48.1442 59.1412 48.1706C59.1276 48.197 59.109 48.2204 59.0865 48.2396C59.0639 48.2587 59.0378 48.2732 59.0097 48.2822L15.2941 62.2872C15.272 62.2945 15.249 62.2982 15.2258 62.2983Z" fill="white"/>
|
||||
</g>
|
||||
<g opacity="0.61">
|
||||
<path d="M23.8016 39.5952C23.748 39.5951 23.6962 39.5758 23.6555 39.5407C23.6148 39.5056 23.5879 39.457 23.5797 39.4037C23.5715 39.3505 23.5824 39.296 23.6106 39.2501C23.6388 39.2042 23.6823 39.17 23.7334 39.1536L53.1509 29.7291C53.2074 29.7119 53.2685 29.7177 53.3208 29.7454C53.3731 29.773 53.4125 29.8203 53.4305 29.8769C53.4484 29.9336 53.4434 29.9951 53.4167 30.0481C53.3899 30.1011 53.3434 30.1413 53.2874 30.1602L23.8699 39.5846C23.8478 39.5916 23.8248 39.5951 23.8016 39.5952Z" fill="white"/>
|
||||
</g>
|
||||
<g opacity="0.61">
|
||||
<path d="M50.2574 20.5928L20.8409 30.0203L21.2777 31.3989L50.6942 21.9714L50.2574 20.5928Z" fill="white"/>
|
||||
</g>
|
||||
<g opacity="0.61">
|
||||
<path d="M55.1187 35.9084L25.7023 45.3359L26.139 46.7146L55.5555 37.287L55.1187 35.9084Z" fill="white"/>
|
||||
</g>
|
||||
<g opacity="0.61">
|
||||
<path d="M22.4304 35.265C22.3768 35.2649 22.325 35.2456 22.2843 35.2105C22.2436 35.1754 22.2167 35.1268 22.2085 35.0735C22.2002 35.0202 22.2112 34.9658 22.2394 34.9199C22.2675 34.874 22.3111 34.8398 22.3621 34.8233L51.7795 25.3991C51.8076 25.3901 51.8372 25.3867 51.8667 25.3892C51.8961 25.3917 51.9247 25.4 51.951 25.4136C51.9772 25.4273 52.0005 25.4459 52.0195 25.4686C52.0386 25.4913 52.053 25.5176 52.062 25.5459C52.0709 25.5741 52.0742 25.6039 52.0718 25.6335C52.0693 25.6631 52.061 25.6919 52.0475 25.7183C52.0339 25.7447 52.0153 25.7681 51.9928 25.7873C51.9702 25.8064 51.9441 25.8209 51.916 25.8299L22.4986 35.2539C22.4766 35.2611 22.4536 35.2648 22.4304 35.265Z" fill="white"/>
|
||||
</g>
|
||||
<path d="M13.7671 43.5802C17.0982 43.5802 19.7986 40.8642 19.7986 37.5138C19.7986 34.1634 17.0982 31.4474 13.7671 31.4474C10.436 31.4474 7.7356 34.1634 7.7356 37.5138C7.7356 40.8642 10.436 43.5802 13.7671 43.5802Z" fill="#F3F5FD"/>
|
||||
<mask id="mask0_175_1054" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="7" y="31" width="13" height="13">
|
||||
<path d="M13.7671 43.5802C17.0982 43.5802 19.7986 40.8642 19.7986 37.5138C19.7986 34.1634 17.0982 31.4474 13.7671 31.4474C10.436 31.4474 7.7356 34.1634 7.7356 37.5138C7.7356 40.8642 10.436 43.5802 13.7671 43.5802Z" fill="#F3F5FD"/>
|
||||
</mask>
|
||||
<g mask="url(#mask0_175_1054)">
|
||||
<ellipse cx="5.99746" cy="6.02574" rx="5.99746" ry="6.02574" transform="matrix(0.952122 -0.305719 0.302533 0.953139 8.41125 40.0867)" fill="#5BB553"/>
|
||||
</g>
|
||||
<ellipse cx="1.84414" cy="1.84298" rx="1.84414" ry="1.84298" transform="matrix(0.665174 -0.746689 0.742861 0.669446 10.605 35.861)" fill="#5BB553"/>
|
||||
<line x1="1.5" y1="-1.5" x2="21.6902" y2="-1.5" transform="matrix(0.952122 -0.305719 0.302533 0.953139 16.1213 65.9636)" stroke="#E7F0F8" stroke-width="3" stroke-linecap="round"/>
|
||||
<line x1="1.5" y1="-1.5" x2="21.6902" y2="-1.5" transform="matrix(0.952122 -0.305719 0.302533 0.953139 22.424 75.2472)" stroke="#E7F0F8" stroke-width="3" stroke-linecap="round"/>
|
||||
<ellipse cx="0.799662" cy="0.803432" rx="0.799662" ry="0.803432" transform="matrix(0.952122 -0.305719 0.302533 0.953139 19.0382 75.153)" fill="#E7F0F8"/>
|
||||
<line x1="1.5" y1="-1.5" x2="21.6902" y2="-1.5" transform="matrix(0.952122 -0.305719 0.302533 0.953139 23.3962 78.3103)" stroke="#E7F0F8" stroke-width="3" stroke-linecap="round"/>
|
||||
<ellipse cx="0.799662" cy="0.803432" rx="0.799662" ry="0.803432" transform="matrix(0.952122 -0.305719 0.302533 0.953139 20.0104 78.2161)" fill="#E7F0F8"/>
|
||||
<line x1="1.5" y1="-1.5" x2="21.6902" y2="-1.5" transform="matrix(0.952122 -0.305719 0.302533 0.953139 24.3685 81.3735)" stroke="#E7F0F8" stroke-width="3" stroke-linecap="round"/>
|
||||
<ellipse cx="0.799662" cy="0.803432" rx="0.799662" ry="0.803432" transform="matrix(0.952122 -0.305719 0.302533 0.953139 20.9827 81.2793)" fill="#E7F0F8"/>
|
||||
<line x1="1.5" y1="-1.5" x2="21.6902" y2="-1.5" transform="matrix(0.952122 -0.305719 0.302533 0.953139 25.3407 84.4366)" stroke="#E7F0F8" stroke-width="3" stroke-linecap="round"/>
|
||||
<ellipse cx="0.799662" cy="0.803432" rx="0.799662" ry="0.803432" transform="matrix(0.952122 -0.305719 0.302533 0.953139 21.955 84.3424)" fill="#E7F0F8"/>
|
||||
<path d="M91.2174 11.2558H34.9653V83.7397H91.2174V11.2558Z" fill="#DEE8F5"/>
|
||||
<path d="M49.8507 15.8664H39.3972V25.2788H49.8507V15.8664Z" fill="white"/>
|
||||
<path d="M86.7863 39.0296H77.4423V61.5955H86.7863V39.0296Z" fill="#6597E0"/>
|
||||
<path d="M77.4425 58.5478H39.3982V61.4248H77.4425V58.5478Z" fill="#C1D8ED"/>
|
||||
<path d="M86.7863 37.6711H39.3962V40.3883H86.7863V37.6711Z" fill="white"/>
|
||||
<path d="M87.011 61.8217H39.1715V37.6711H39.621V61.3696H86.5615V37.6711H87.011V61.8217Z" fill="white"/>
|
||||
<path d="M48.3283 39.0296H47.8787V61.5957H48.3283V39.0296Z" fill="white"/>
|
||||
<path d="M86.7863 43.0391H39.3982V43.4913H86.7863V43.0391Z" fill="white"/>
|
||||
<path d="M86.7863 46.0957H39.3982V46.5479H86.7863V46.0957Z" fill="white"/>
|
||||
<path d="M86.7863 49.1521H39.3982V49.6043H86.7863V49.1521Z" fill="white"/>
|
||||
<path d="M86.7863 52.2087H39.3982V52.6609H86.7863V52.2087Z" fill="white"/>
|
||||
<path d="M86.7863 55.2651H39.3982V55.7174H86.7863V55.2651Z" fill="white"/>
|
||||
<path d="M86.7863 58.3217H39.3982V58.774H86.7863V58.3217Z" fill="white"/>
|
||||
<path d="M68.0715 39.0296H67.6218V61.5957H68.0715V39.0296Z" fill="white"/>
|
||||
<path d="M77.6671 39.0296H77.2174V61.5957H77.6671V39.0296Z" fill="white"/>
|
||||
<path d="M86.7864 74.0953H72.4238V79.2595H86.7864V74.0953Z" fill="white"/>
|
||||
<path d="M86.7863 66.0108H39.3962V66.463H86.7863V66.0108Z" fill="white"/>
|
||||
<path d="M86.7863 69.94H39.3962V70.3923H86.7863V69.94Z" fill="white"/>
|
||||
<path d="M86.7863 21.1235H54.0624V21.5757H86.7863V21.1235Z" fill="white"/>
|
||||
<path d="M70.7975 25.0527H54.0624V25.505H70.7975V25.0527Z" fill="white"/>
|
||||
<path d="M86.7863 29.4105H39.3962V29.8627H86.7863V29.4105Z" fill="white"/>
|
||||
<path d="M86.7863 33.3397H39.3962V33.792H86.7863V33.3397Z" fill="white"/>
|
||||
<path d="M86.7863 16.0272H54.0624V17.8796H86.7863V16.0272Z" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_175_1054">
|
||||
<rect width="125" height="100" fill="white" transform="translate(0.5)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 16 KiB |
|
|
@ -0,0 +1,31 @@
|
|||
<svg width="184" height="100" viewBox="0 0 184 100" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_175_889)">
|
||||
<path d="M17.1475 98.887C13.9512 98.929 10.752 98.6627 7.11717 96.1688C6.37151 95.6581 5.59626 94.9446 5.62324 94.0312C5.64343 93.3435 6.14598 92.7425 6.75243 92.4317C6.97906 92.3184 7.21799 92.2324 7.46433 92.1755C7.46556 92.1755 7.46695 92.1755 7.46695 92.1741C7.8473 92.0915 8.23431 92.0444 8.62313 92.0334L8.73397 92.0294C10.5847 91.9606 12.4354 92.1692 14.2261 92.6483C14.3882 92.6912 14.5599 92.6772 14.7132 92.6085C14.8665 92.5398 14.9923 92.4205 15.0701 92.2701C15.148 92.1197 15.1733 91.9469 15.1419 91.78C15.1106 91.6131 15.0244 91.4619 14.8975 91.351C14.6662 91.1505 14.4155 90.9743 14.149 90.8253C13.7582 90.6116 13.3485 90.4355 12.9253 90.2993C12.3608 90.1118 11.7772 89.9711 11.2019 89.8186C9.06353 89.2566 6.97305 88.5218 4.9505 87.6212C3.50666 86.9776 2.05235 86.2146 1.06451 84.9672C0.610831 84.3934 0.25812 83.6757 0.347223 82.9458C0.49583 81.7462 1.76685 81.0067 2.95139 80.856C5.02758 80.5931 7.05366 81.5326 8.90184 82.5254C10.4351 83.3512 12.1478 84.2602 13.8213 83.7921C14.1111 83.7264 14.3755 83.5759 14.5817 83.3594C14.96 82.9156 14.8668 82.2064 14.5292 81.7297C14.1916 81.253 13.6673 80.956 13.1621 80.6711C10.227 79.0181 7.29599 77.2584 4.95373 74.8207C2.61148 72.3829 0.888313 69.162 0.886155 65.7576C0.886155 64.762 1.03877 63.7431 1.50479 62.8661C1.9708 61.9892 2.7866 61.268 3.75378 61.0886C5.07074 60.8419 6.36751 61.6103 7.36428 62.5156C10.7884 65.6219 12.1541 70.3577 14.1766 74.54C14.7427 75.7109 15.3977 76.8872 16.442 77.661C16.5396 77.7364 16.6519 77.7897 16.7715 77.8173C17.4765 77.9706 17.7845 77.0929 17.8169 76.4231C17.9425 73.7746 17.2995 71.0041 18.2505 68.5337C18.6139 67.5928 19.2663 66.6916 20.2159 66.3864C21.3762 66.0138 22.681 66.6685 23.3779 67.6805C24.0749 68.6925 24.2626 69.978 24.2566 71.2127C24.2458 73.5012 23.6354 75.7539 22.7385 77.8534C22.2657 78.9612 21.6984 80.1103 21.8334 81.3086C21.8869 81.7134 22.0416 82.0976 22.2827 82.4248C22.5238 82.7519 22.8434 83.0112 23.2111 83.1779C23.3817 83.2515 23.5651 83.2897 23.7504 83.2902C23.9358 83.2906 24.1193 83.2534 24.2902 83.1806C24.659 83.0204 24.94 82.7117 25.2102 82.411C25.3235 82.285 25.437 82.1576 25.5518 82.0316C26.003 81.5305 26.4542 81.0287 26.9053 80.5265C28.0521 79.2502 29.4853 77.8603 31.1755 78.0794C32.0388 78.1916 32.7531 78.7358 33.2421 79.4679C33.6827 80.1338 33.9311 80.9112 33.9594 81.7125C34.0107 83.3819 32.6168 88.5324 31.832 90.0005C30.9159 91.7144 28.0836 98.7424 17.1475 98.887Z" fill="#6597E0"/>
|
||||
<path d="M166.853 98.8872C170.05 98.9292 173.249 98.6629 176.884 96.1691C177.629 95.6583 178.405 94.9448 178.378 94.0314C178.357 93.3437 177.855 92.7428 177.248 92.4319C177.022 92.3186 176.783 92.2326 176.536 92.1757C176.535 92.1757 176.534 92.1757 176.534 92.1743C176.153 92.0917 175.766 92.0447 175.378 92.0336L175.267 92.0296C173.416 91.9608 171.565 92.1694 169.775 92.6485C169.613 92.6914 169.441 92.6773 169.288 92.6086C169.134 92.5399 169.009 92.4206 168.931 92.2702C168.853 92.1198 168.828 91.9471 168.859 91.7802C168.89 91.6133 168.977 91.4621 169.103 91.3513C169.335 91.1507 169.585 90.9745 169.852 90.8255C170.243 90.6118 170.652 90.4357 171.075 90.2996C171.64 90.112 172.224 89.9713 172.799 89.8188C174.937 89.2571 177.028 88.5225 179.05 87.6222C180.494 86.9786 181.948 86.2156 182.936 84.9682C183.39 84.3944 183.743 83.6767 183.654 82.9468C183.505 81.7472 182.234 81.0077 181.049 80.857C178.973 80.5941 176.947 81.5336 175.099 82.5264C173.566 83.3522 171.853 84.2612 170.179 83.7931C169.89 83.7274 169.625 83.5769 169.419 83.3604C169.041 82.9166 169.134 82.2074 169.472 81.7307C169.81 81.254 170.333 80.957 170.839 80.6721C173.774 79.0191 176.705 77.2594 179.047 74.8217C181.389 72.3839 183.111 69.163 183.114 65.7586C183.114 64.763 182.962 63.7441 182.496 62.8671C182.03 61.9902 181.214 61.269 180.247 61.0896C178.93 60.843 177.633 61.6113 176.636 62.5166C173.212 65.6225 171.846 70.3582 169.824 74.5405C169.258 75.7114 168.603 76.8877 167.559 77.6615C167.461 77.7369 167.349 77.7902 167.229 77.8178C166.524 77.9712 166.216 77.0934 166.184 76.4237C166.058 73.7751 166.701 71.0046 165.75 68.5342C165.387 67.5933 164.735 66.6921 163.785 66.3869C162.625 66.0143 161.32 66.669 160.623 67.681C159.926 68.693 159.738 69.9785 159.744 71.2133C159.755 73.5018 160.366 75.7544 161.263 77.8539C161.735 78.9618 162.303 80.1108 162.167 81.3091C162.114 81.7139 161.959 82.0981 161.718 82.4253C161.477 82.7525 161.158 83.0117 160.79 83.1784C160.619 83.2521 160.436 83.2903 160.251 83.2907C160.065 83.2912 159.882 83.2539 159.711 83.1811C159.342 83.0209 159.061 82.7122 158.791 82.4115C158.677 82.2855 158.564 82.1581 158.449 82.0322C157.998 81.531 157.547 81.0293 157.096 80.5271C155.949 79.2507 154.516 77.8608 152.825 78.0799C151.962 78.1922 151.248 78.7364 150.759 79.4685C150.318 80.1343 150.07 80.9117 150.042 81.713C149.99 83.3824 151.384 88.5329 152.169 90.001C153.084 91.7146 155.916 98.7426 166.853 98.8872Z" fill="#6597E0"/>
|
||||
<path d="M163.904 93.3945H20.096C18.297 93.3945 16.8386 94.8731 16.8386 96.6971V96.6972C16.8386 98.5211 18.297 99.9997 20.096 99.9997H163.904C165.703 99.9997 167.161 98.5211 167.161 96.6972V96.6971C167.161 94.8731 165.703 93.3945 163.904 93.3945Z" fill="#E7E9EE"/>
|
||||
<path d="M152.259 -7.62939e-05H31.2586C28.6089 -7.62939e-05 26.4609 2.17771 26.4609 4.86414V89.6038C26.4609 92.2903 28.6089 94.468 31.2586 94.468H152.259C154.909 94.468 157.057 92.2903 157.057 89.6038V4.86414C157.057 2.17771 154.909 -7.62939e-05 152.259 -7.62939e-05Z" fill="#E7E9EE"/>
|
||||
<path d="M151.961 3.31713H31.5566C30.3851 3.31713 29.4354 4.27999 29.4354 5.46775V88.8949C29.4354 90.0826 30.3851 91.0455 31.5566 91.0455H151.961C153.132 91.0455 154.082 90.0826 154.082 88.8949V5.46775C154.082 4.27999 153.132 3.31713 151.961 3.31713Z" fill="white"/>
|
||||
<path d="M149.795 7.86224H33.4338V19.0544H149.795V7.86224Z" fill="#F1F4F9"/>
|
||||
<path d="M149.795 22.7784H100.13V53.2356H149.795V22.7784Z" fill="#F1F4F9"/>
|
||||
<path d="M96.5107 22.7784H33.4338V63.3268H96.5107V22.7784Z" fill="#F1F4F9"/>
|
||||
<path d="M96.5107 67.1796H33.4338V74.7021H96.5107V67.1796Z" fill="#F1F4F9"/>
|
||||
<path d="M96.5107 78.0761H33.4338V80.6448H96.5107V78.0761Z" fill="#F1F4F9"/>
|
||||
<path d="M96.5107 83.7635H33.4338V86.3322H96.5107V83.7635Z" fill="#F1F4F9"/>
|
||||
<path d="M149.795 56.9593H100.13V69.7483H149.795V56.9593Z" fill="#F1F4F9"/>
|
||||
<path d="M149.795 73.6015H100.13V86.3328H149.795V73.6015Z" fill="#F1F4F9"/>
|
||||
<path d="M130.389 44.0547L117.321 36.6862L121.395 51.2732L130.389 44.0547Z" fill="#6597E0"/>
|
||||
<path d="M125.713 45.0863L123.459 46.8954L128.999 53.9908L131.253 52.1817L125.713 45.0863Z" fill="#6597E0"/>
|
||||
<path d="M145.673 49.5382H132.281V55.0635H145.673V49.5382Z" fill="#6597E0"/>
|
||||
<path d="M56.8958 67.8305L69.9639 60.4618L65.8897 75.0488L56.8958 67.8305Z" fill="#5BB553"/>
|
||||
<path d="M56.032 75.957L58.2861 77.7661L63.8259 70.6708L61.5718 68.8617L56.032 75.957Z" fill="#5BB553"/>
|
||||
<path d="M41.6123 78.8389H55.0039V73.3136H41.6123V78.8389Z" fill="#5BB553"/>
|
||||
<path d="M67.2108 20.9569L80.279 13.5882L76.2048 28.1752L67.2108 20.9569Z" fill="#C3D0E3"/>
|
||||
<path d="M66.3472 29.084L68.6013 30.893L74.1411 23.7977L71.887 21.9886L66.3472 29.084Z" fill="#C3D0E3"/>
|
||||
<path d="M51.9274 31.9663H65.319V26.4409H51.9274V31.9663Z" fill="#C3D0E3"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_175_889">
|
||||
<rect width="183.333" height="100" fill="white" transform="translate(0.333374)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.2 KiB |
114
services/web/public/img/welcome-page/learn-latex.svg
Normal file
114
services/web/public/img/welcome-page/learn-latex.svg
Normal file
|
|
@ -0,0 +1,114 @@
|
|||
<svg width="142" height="100" viewBox="0 0 142 100" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_175_924)">
|
||||
<path d="M134.709 0.000713348H75.7281V42.871H134.709V0.000713348Z" fill="#E7E9EE"/>
|
||||
<path d="M134.709 0.000713348H75.7281V3.53218H134.709V0.000713348Z" fill="#C3D0E3"/>
|
||||
<path d="M132.733 2.65259C133.221 2.65259 133.616 2.25592 133.616 1.76661C133.616 1.27729 133.221 0.880623 132.733 0.880623C132.246 0.880623 131.851 1.27729 131.851 1.76661C131.851 2.25592 132.246 2.65259 132.733 2.65259Z" fill="white"/>
|
||||
<path d="M124.395 7.2781H81.4338V37.4211H124.395V7.2781Z" fill="white"/>
|
||||
<path d="M115.429 33.6413C115.021 33.6413 113.654 33.4254 113.557 33.773C113.498 33.9817 114.516 34.2284 114.516 34.2284" fill="#DE8014"/>
|
||||
<path d="M115.643 35.2862C115.643 35.2862 112.886 36.4234 111.301 35.1259C111.261 35.0928 111.232 35.0483 111.217 34.9982C111.202 34.948 111.203 34.8946 111.219 34.8449C111.235 34.7952 111.266 34.7515 111.307 34.7195C111.348 34.6875 111.398 34.6686 111.45 34.6655C112.518 34.6019 114.712 34.386 114.455 33.6794H116.178" fill="#DE8014"/>
|
||||
<path d="M110.602 23.4947L109.099 24.2392C109.099 24.2392 107.638 24.0629 107.868 22.2086C107.901 21.9459 108.056 21.6499 108.773 21.8926C108.635 21.5756 108.501 21.1748 108.61 21.0658C109.027 20.6492 110.326 22.7109 110.602 23.4947Z" fill="#DE8014"/>
|
||||
<g opacity="0.15">
|
||||
<path d="M110.602 23.4945L109.099 24.2391C109.099 24.2391 107.638 24.0627 107.868 22.2085C107.901 21.9457 108.056 21.6497 108.773 21.8925C108.635 21.5754 108.501 21.1746 108.61 21.0656C109.027 20.649 110.326 22.7108 110.602 23.4945Z" fill="#1B222C"/>
|
||||
</g>
|
||||
<path d="M113.385 32.1427C113.309 32.1427 113.234 32.1367 113.159 32.1249C112.943 32.09 112.738 32.0055 112.56 31.878C112.382 31.7504 112.235 31.5833 112.132 31.3896L108.341 24.2848L110.847 22.9373L113.758 28.3913L118.267 24.0866L120.227 26.1544L114.366 31.7499C114.101 32.0023 113.75 32.1429 113.385 32.1427Z" fill="#138A07"/>
|
||||
<path d="M128.946 42.8704H117.688L118.342 38.3855L128.643 37.7476L128.946 42.8704Z" fill="#1B222C"/>
|
||||
<path d="M125.369 23.6108C125.369 23.6108 124.28 23.1415 124.28 20.2703L122.091 20.0464C122.091 20.0464 122.542 22.5836 121.518 23.4851L125.369 23.6108Z" fill="#DE8014"/>
|
||||
<g opacity="0.15">
|
||||
<path d="M121.916 22.9143L123.595 21.3917L122.187 21.4927C122.186 21.9793 122.094 22.4615 121.916 22.9143Z" fill="#1B222C"/>
|
||||
</g>
|
||||
<path d="M117.521 38.8401C118.088 40.1488 129.236 40.6926 129.385 38.3903C129.479 36.9253 128.193 35.6472 128.193 32.791C128.193 29.9348 130.81 26.2895 128.678 24.149C128.059 23.5281 126.991 23.1271 125.688 23.1257C125.591 23.8883 120.979 23.8917 120.944 23.1435C120.768 23.1462 120.631 23.1489 120.546 23.153C116.053 23.3473 118.027 28.4788 118.07 32.2488C118.123 36.6602 116.936 37.4919 117.521 38.8401Z" fill="#138A07"/>
|
||||
<path d="M125.413 19.0637C125.335 19.9413 124.931 20.7993 124.193 21.1415C123.391 21.5398 122.504 21.7352 121.61 21.7106C119.234 21.7106 119.261 16.2859 120.296 15.1473C121.331 14.0088 124.674 14.4008 125.217 16.1179C125.497 17.0059 125.488 18.2283 125.413 19.0637Z" fill="#DE8014"/>
|
||||
<path d="M121.966 18.6754C122.075 18.6754 122.162 18.5873 122.162 18.4786C122.162 18.3699 122.075 18.2817 121.966 18.2817C121.858 18.2817 121.77 18.3699 121.77 18.4786C121.77 18.5873 121.858 18.6754 121.966 18.6754Z" fill="#1B222C"/>
|
||||
<path d="M120.413 18.6754C120.522 18.6754 120.609 18.5873 120.609 18.4786C120.609 18.3699 120.522 18.2817 120.413 18.2817C120.305 18.2817 120.217 18.3699 120.217 18.4786C120.217 18.5873 120.305 18.6754 120.413 18.6754Z" fill="#1B222C"/>
|
||||
<path d="M120.032 18.0885C120.009 18.0886 119.986 18.0795 119.969 18.063C119.951 18.0466 119.941 18.0241 119.94 18.0003C119.939 17.9765 119.947 17.9531 119.963 17.9352C119.978 17.9173 120 17.9061 120.024 17.904L120.542 17.8548C120.566 17.8525 120.59 17.8599 120.609 17.8755C120.628 17.8911 120.64 17.9136 120.642 17.938C120.645 17.9624 120.637 17.9868 120.622 18.0057C120.606 18.0247 120.584 18.0366 120.559 18.039L120.042 18.0882L120.032 18.0885Z" fill="#1B222C"/>
|
||||
<path d="M122.352 18.0884C122.347 18.0884 122.342 18.0881 122.337 18.0874L121.816 18.006C121.792 18.0022 121.771 17.9889 121.756 17.9691C121.742 17.9493 121.736 17.9246 121.74 17.9003C121.743 17.8761 121.757 17.8544 121.776 17.8399C121.796 17.8254 121.821 17.8194 121.845 17.8232L122.366 17.9046C122.389 17.9081 122.409 17.9202 122.424 17.9385C122.438 17.9567 122.445 17.9798 122.444 18.003C122.442 18.0263 122.431 18.048 122.414 18.0638C122.397 18.0797 122.375 18.0884 122.352 18.0884Z" fill="#1B222C"/>
|
||||
<path d="M122.002 20.0315C121.593 20.1069 121.175 20.1069 120.766 20.0315C120.766 20.0315 120.809 20.5084 121.384 20.5084C121.959 20.5084 122.002 20.0315 122.002 20.0315Z" fill="white"/>
|
||||
<path d="M123.642 16.9524C123.759 20.9172 124.332 21.2808 124.332 21.2808C124.332 21.2808 126.2 19.9327 126.263 17.5402C126.322 15.2978 124.583 14.1202 123.46 13.9631C119.194 13.3677 119.044 17.2342 119.044 17.2342C121.185 17.6025 124.102 16.9939 124.102 16.9939" fill="#1B222C"/>
|
||||
<path d="M123.023 18.875C123.021 18.9857 123.042 19.0956 123.083 19.1983C123.124 19.301 123.185 19.3944 123.262 19.4733C123.339 19.5521 123.432 19.6147 123.533 19.6574C123.635 19.7001 123.744 19.7221 123.855 19.7221C123.965 19.7221 124.074 19.7001 124.176 19.6574C124.277 19.6147 124.37 19.5521 124.447 19.4733C124.524 19.3944 124.585 19.301 124.626 19.1983C124.668 19.0956 124.688 18.9857 124.686 18.875C124.688 18.7649 124.668 18.6555 124.627 18.5534C124.586 18.4512 124.524 18.3585 124.447 18.2806C124.369 18.2027 124.277 18.1413 124.175 18.1C124.073 18.0587 123.964 18.0383 123.854 18.0402C123.262 18.0696 123.023 18.4141 123.023 18.875Z" fill="#DE8014"/>
|
||||
<path d="M127.037 17.5402C128.085 17.5402 128.934 16.688 128.934 15.6368C128.934 14.5855 128.085 13.7333 127.037 13.7333C125.99 13.7333 125.141 14.5855 125.141 15.6368C125.141 16.688 125.99 17.5402 127.037 17.5402Z" fill="#1B222C"/>
|
||||
<path d="M120.944 23.1435C120.979 23.8917 121.384 24.9903 122.633 25.0733C124.299 25.1834 125.591 23.8883 125.688 23.1257H125.684C124.044 23.1257 121.899 23.1286 120.944 23.1435Z" fill="#DE8014"/>
|
||||
<path d="M123.595 36.4734C123.58 36.4734 123.565 36.4734 123.55 36.4734L115.041 36.212L115.131 33.2502L122.678 33.4818L126.659 25.1194L129.323 26.3971L124.927 35.631C124.807 35.8832 124.618 36.0962 124.382 36.2452C124.147 36.3943 123.874 36.4734 123.595 36.4734Z" fill="#138A07"/>
|
||||
<g opacity="0.15">
|
||||
<path d="M121.182 19.6387C121.177 19.6388 121.172 19.6383 121.167 19.6373L120.684 19.5304C120.675 19.5284 120.666 19.5243 120.659 19.5186C120.651 19.5128 120.644 19.5055 120.64 19.4971C120.635 19.4886 120.632 19.4793 120.632 19.4697C120.631 19.4601 120.632 19.4505 120.635 19.4414L120.888 18.7243C120.894 18.7073 120.907 18.6934 120.923 18.6856C120.939 18.6779 120.958 18.6769 120.975 18.6829C120.992 18.689 121.006 18.7015 121.013 18.7177C121.021 18.734 121.022 18.7527 121.016 18.7697L120.788 19.4152L121.197 19.5043C121.213 19.5077 121.228 19.5171 121.238 19.5308C121.247 19.5444 121.252 19.5613 121.25 19.578C121.248 19.5948 121.24 19.6103 121.228 19.6215C121.215 19.6327 121.199 19.6388 121.182 19.6386L121.182 19.6387Z" fill="#1B222C"/>
|
||||
</g>
|
||||
<path d="M103.81 15.5502L109.199 24.1731C109.224 24.2138 109.258 24.2491 109.297 24.2769C109.336 24.3048 109.38 24.3246 109.426 24.3354C109.473 24.3461 109.521 24.3475 109.569 24.3395C109.616 24.3315 109.661 24.3142 109.702 24.2887C109.742 24.2632 109.777 24.2299 109.805 24.1907C109.833 24.1515 109.853 24.1073 109.863 24.0604C109.874 24.0136 109.875 23.9651 109.867 23.9177C109.859 23.8703 109.842 23.825 109.817 23.7843L109.811 23.7745L104.15 15.3273C104.135 15.3049 104.116 15.2856 104.094 15.2705C104.072 15.2554 104.047 15.2448 104.021 15.2393C103.995 15.2338 103.968 15.2335 103.942 15.2385C103.916 15.2434 103.891 15.2535 103.869 15.2681C103.846 15.2827 103.827 15.3016 103.812 15.3237C103.797 15.3458 103.786 15.3707 103.781 15.3969C103.775 15.4231 103.775 15.4501 103.78 15.4764C103.785 15.5027 103.795 15.5278 103.81 15.5502Z" fill="#1B222C"/>
|
||||
<path d="M107.696 21.6676C107.981 21.5547 108.641 21.5711 108.82 21.8921C109.125 22.4353 109.219 23.6838 108.901 23.8243C108.584 23.9649 108.028 23.9123 107.864 23.5393C107.7 23.1664 107.465 21.7594 107.696 21.6676Z" fill="#DE8014"/>
|
||||
<path d="M141.833 99.8651H0.166626C1.71896 95.8919 4.58565 92.5215 8.62665 91.5215C14.5382 90.0609 20.794 94.0775 26.6932 92.5671C30.0442 91.7099 32.6824 89.2119 35.4545 87.1379C45.9131 79.3119 60.2445 76.9988 72.6213 81.1408C79.09 83.305 84.9845 87.0901 91.6107 88.6986C100.18 90.7801 109.141 89.0548 117.953 88.7698C126.534 88.4925 138.83 92.0028 141.833 99.8651Z" fill="#F4F5F6"/>
|
||||
<path d="M124.005 58.6085L122.176 59.0425L124.469 68.7768L126.298 68.3428L124.005 58.6085Z" fill="#F4F5F6"/>
|
||||
<path d="M126.017 57.8537L124.447 66.3979L125.462 66.5859L127.032 58.0417L126.017 57.8537Z" fill="#C3D0E3"/>
|
||||
<path d="M126.017 57.8507L125.839 58.7931L126.853 58.9869L127.032 58.0444L126.017 57.8507Z" fill="#E7E9EE"/>
|
||||
<path d="M122.873 60.0235L122.309 60.2465L125.6 68.6296L126.164 68.4066L122.873 60.0235Z" fill="#8CCA86"/>
|
||||
<path d="M127.113 63.6926H122.153V70.0552H127.113V63.6926Z" fill="#C3D0E3"/>
|
||||
<path d="M108.912 81.5478H107.057V99.8652H108.912V81.5478Z" fill="#C3D0E3"/>
|
||||
<path d="M107.385 81.5478H105.53V99.8652H107.385V81.5478Z" fill="#E7E9EE"/>
|
||||
<path d="M132.02 81.5478H130.165V99.8652H132.02V81.5478Z" fill="#C3D0E3"/>
|
||||
<path d="M130.493 81.5478H128.638V99.8652H130.493V81.5478Z" fill="#E7E9EE"/>
|
||||
<path d="M114 81.5478H112.145V99.8652H114V81.5478Z" fill="#C3D0E3"/>
|
||||
<path d="M112.474 81.5478H110.619V99.8652H112.474V81.5478Z" fill="#E7E9EE"/>
|
||||
<path d="M137.108 81.5478H135.253V99.8652H137.108V81.5478Z" fill="#C3D0E3"/>
|
||||
<path d="M135.582 81.5478H133.726V99.8652H135.582V81.5478Z" fill="#E7E9EE"/>
|
||||
<path d="M137.108 69.8229H112.157V81.9871H137.108V69.8229Z" fill="#C3D0E3"/>
|
||||
<path d="M130.482 69.8229H105.53V81.9871H130.482V69.8229Z" fill="#E7E9EE"/>
|
||||
<g opacity="0.53">
|
||||
<path d="M129.139 71.5525H106.873V80.2044H129.139V71.5525Z" fill="#F4F5F6"/>
|
||||
</g>
|
||||
<path d="M118.006 76.8705C118.552 76.8705 118.995 76.4261 118.995 75.878C118.995 75.3299 118.552 74.8855 118.006 74.8855C117.46 74.8855 117.017 75.3299 117.017 75.878C117.017 76.4261 117.46 76.8705 118.006 76.8705Z" fill="white"/>
|
||||
<path d="M48.2118 14.6736C51.7685 14.6736 54.6517 11.7798 54.6517 8.2101C54.6517 4.64038 51.7685 1.74655 48.2118 1.74655C44.6552 1.74655 41.772 4.64038 41.772 8.2101C41.772 11.7798 44.6552 14.6736 48.2118 14.6736Z" fill="#C3D0E3"/>
|
||||
<path d="M49.5242 14.6736C53.0809 14.6736 55.9641 11.7798 55.9641 8.2101C55.9641 4.64038 53.0809 1.74655 49.5242 1.74655C45.9676 1.74655 43.0844 4.64038 43.0844 8.2101C43.0844 11.7798 45.9676 14.6736 49.5242 14.6736Z" fill="#E7E9EE"/>
|
||||
<path d="M49.5242 13.7215C52.5569 13.7215 55.0153 11.254 55.0153 8.21016C55.0153 5.16635 52.5569 2.69886 49.5242 2.69886C46.4915 2.69886 44.0331 5.16635 44.0331 8.21016C44.0331 11.254 46.4915 13.7215 49.5242 13.7215Z" fill="#F4F5F6"/>
|
||||
<path d="M49.5245 8.71864C49.4794 8.71866 49.4351 8.70707 49.3958 8.68498L46.7462 7.19017C46.6855 7.15592 46.6408 7.09887 46.622 7.03158C46.6033 6.96429 46.6119 6.89226 46.646 6.83134C46.6801 6.77042 46.737 6.72561 46.804 6.70675C46.8711 6.68789 46.9428 6.69654 47.0035 6.73079L49.2618 8.0049V4.38242C49.2636 4.31371 49.2921 4.24842 49.3411 4.20045C49.3901 4.15249 49.4559 4.12565 49.5244 4.12565C49.5929 4.12565 49.6586 4.15249 49.7077 4.20045C49.7567 4.24842 49.7852 4.31371 49.787 4.38242V8.4552C49.787 8.4898 49.7802 8.52407 49.767 8.55604C49.7538 8.58802 49.7345 8.61707 49.7101 8.64153C49.6858 8.666 49.6568 8.68541 49.625 8.69864C49.5931 8.71187 49.559 8.71867 49.5245 8.71864Z" fill="#E7E9EE"/>
|
||||
<path d="M53.0909 55.9444C53.0455 55.9433 42.0077 55.9665 41.9859 55.9665C40.4376 55.9665 39.8394 56.8669 39.8394 56.8669V57.3523H54.9306V56.8669C54.2489 56.4029 53.6285 55.9309 53.0909 55.9444Z" fill="#E7E9EE"/>
|
||||
<path d="M50.9882 56.9863C50.9882 56.9863 51.7843 55.839 53.0909 55.9443C53.4453 55.9575 53.7928 56.0467 54.1101 56.2058C54.4274 56.3649 54.7071 56.5903 54.9305 56.8668V57.3521H46.7156V56.8668C46.7156 56.8668 47.3138 55.9664 48.863 55.9664C50.4121 55.9664 50.9882 56.9863 50.9882 56.9863Z" fill="#C3D0E3"/>
|
||||
<path d="M46.7156 56.8667H39.8394V57.3519H46.7156V56.8667Z" fill="#C3D0E3"/>
|
||||
<path d="M22.1329 72.1653L14.9095 99.7276L15.9393 99.9995L23.1627 72.4372L22.1329 72.1653Z" fill="#C3D0E3"/>
|
||||
<path d="M34.9332 72.2185L33.8812 72.384L38.187 99.9467L39.239 99.7811L34.9332 72.2185Z" fill="#C3D0E3"/>
|
||||
<path d="M21.1661 45.8624C21.1661 45.8624 12.3698 45.3047 12.3698 53.0185C12.3698 60.7323 13.6653 71.5121 20.1476 72.7203C26.6299 73.9285 36.2053 73.5646 38.4294 73.1859C41.1608 72.7212 42.3515 66.3619 38.7133 65.9363C28.3883 64.7281 33.3892 46.6991 21.1661 45.8624Z" fill="#C3D0E3"/>
|
||||
<path d="M37.9817 94.5302L37.647 98.8868L41.3628 99.1743L41.6975 94.8177L37.9817 94.5302Z" fill="#DE8014"/>
|
||||
<path d="M46.0845 99.8316C46.1802 99.8312 46.2749 99.8119 46.3631 99.7747C46.4514 99.7376 46.5315 99.6833 46.5989 99.6151C46.6662 99.5469 46.7195 99.466 46.7558 99.3771C46.792 99.2882 46.8104 99.193 46.81 99.0969C46.81 99.0791 46.81 99.0613 46.8078 99.0435C46.797 98.9045 46.7468 98.7715 46.6633 98.6601C46.5797 98.5488 46.4662 98.4637 46.3361 98.4149L41.9982 96.9566C41.9142 96.9287 41.8251 96.9193 41.7371 96.9291C41.6492 96.939 41.5644 96.9678 41.4885 97.0136C40.8921 97.4288 40.1788 97.641 39.4533 97.6192C38.8882 97.5788 38.3458 97.3798 37.888 97.0449C37.8477 97.0118 37.7989 96.9908 37.7472 96.9845C37.6956 96.9781 37.6432 96.9866 37.5961 97.009C37.5491 97.0315 37.5094 97.0668 37.4816 97.111C37.4539 97.1552 37.4392 97.2064 37.4393 97.2587V99.3876C37.4393 99.5141 37.4894 99.6354 37.5785 99.7249C37.6677 99.8143 37.7885 99.8646 37.9146 99.8646H37.9165L46.0845 99.8316Z" fill="#C3D0E3"/>
|
||||
<path d="M56.4604 94.3635L52.7852 94.984L53.5153 99.3408L57.1906 98.7203L56.4604 94.3635Z" fill="#DE8014"/>
|
||||
<path d="M58.3592 95.3172L50.1778 63.721C49.9949 63.015 49.5838 62.3899 49.0089 61.9436C48.434 61.4973 47.7279 61.2551 47.0011 61.2549H29.0673V61.2665H19.0209V64.3558C19.0209 65.2467 19.1957 66.1289 19.5353 66.952C19.875 67.7751 20.3729 68.523 21.0005 69.153C21.6282 69.7829 22.3733 70.2826 23.1934 70.6236C24.0134 70.9645 24.8924 71.14 25.78 71.14H30.68V71.1596H39.2341L36.8787 96.2959L43.4163 96.913L45.6938 72.607L52.0047 96.9751L58.3592 95.3172Z" fill="#1B222C"/>
|
||||
<path d="M44.6965 46.1654C44.6965 46.1654 44.7232 44.026 46.2467 44.1373C47.2079 44.2075 51.7751 43.9948 51.8431 44.4123C52.0113 45.4454 47.8337 45.698 47.4546 46.6606L44.6965 46.1654Z" fill="#DE8014"/>
|
||||
<path d="M45.7073 44.2057C45.7073 44.2057 47.8279 43.511 48.3491 43.6357C48.8105 43.746 47.8486 44.4998 47.8486 44.4998L45.7073 44.2057Z" fill="#DE8014"/>
|
||||
<path d="M40.3163 55.5529L47.8824 46.7119L44.6216 44.8716L38.5631 51.7129L33.8246 43.2002C33.3763 41.8549 32.3551 40.9534 30.2716 40.8633C30.1598 40.8597 29.9806 40.8544 29.7499 40.8508C29.7037 41.8305 23.6573 41.8269 23.5295 40.8276C21.8223 40.8294 20.4202 41.3567 19.611 42.1689C16.8158 44.9743 20.2463 49.7552 20.2463 53.4957C20.2463 57.2363 18.5603 58.9142 18.6846 60.8344C18.8798 63.8518 33.4909 63.1393 34.2346 61.424C34.7332 60.2747 34.25 59.4112 33.8697 57.3562H40.3161L40.3163 55.5529ZM33.5142 52.7832C33.5215 52.1539 33.5699 51.4954 33.6365 50.8253L35.1095 53.4722H33.5147C33.5124 53.2496 33.5115 53.0219 33.5147 52.7834L33.5142 52.7832Z" fill="#138A07"/>
|
||||
<path d="M29.751 40.8508C29.7048 41.8305 29.1724 43.2715 27.5362 43.3784C25.3515 43.5242 23.6584 41.8269 23.5306 40.8276H23.5377C25.6842 40.8276 28.4954 40.8312 29.751 40.8508Z" fill="#DE8014"/>
|
||||
<path d="M61.401 99.8316C61.4967 99.8312 61.5914 99.8118 61.6797 99.7746C61.768 99.7375 61.8481 99.6832 61.9155 99.6149C61.9828 99.5467 62.0361 99.4657 62.0723 99.3768C62.1086 99.2879 62.127 99.1926 62.1265 99.0965C62.1265 99.0787 62.1265 99.0609 62.1244 99.0431C62.1135 98.9041 62.0633 98.7711 61.9797 98.6598C61.8961 98.5484 61.7826 98.4633 61.6525 98.4145L57.3147 96.9562C57.2307 96.9283 57.1416 96.9189 57.0536 96.9288C56.9656 96.9386 56.8807 96.9674 56.8049 97.0132C56.2085 97.4284 55.4952 97.6407 54.7698 97.6188C54.2047 97.5784 53.6622 97.3794 53.2043 97.0446C53.1641 97.0116 53.1153 96.9907 53.0637 96.9844C53.012 96.9781 52.9597 96.9867 52.9127 97.0091C52.8658 97.0314 52.8261 97.0668 52.7983 97.1109C52.7706 97.155 52.7558 97.2061 52.7559 97.2583V99.3872C52.7558 99.5137 52.8057 99.635 52.8947 99.7245C52.9837 99.814 53.1044 99.8644 53.2304 99.8646H53.2324L61.401 99.8316Z" fill="#C3D0E3"/>
|
||||
<path d="M10.5201 59.0825H8.85352V99.865H10.5201V59.0825Z" fill="#E7E9EE"/>
|
||||
<path d="M90.9097 59.0825H89.243V99.865H90.9097V59.0825Z" fill="#C3D0E3"/>
|
||||
<path d="M90.9095 58.5713H75.8787V97.0763H90.9095V58.5713Z" fill="#C3D0E3"/>
|
||||
<path d="M74.5446 94.2878H72.8779V99.865H74.5446V94.2878Z" fill="#C3D0E3"/>
|
||||
<path d="M93.2138 57.3981H6.54919V59.6982H93.2138V57.3981Z" fill="#E7E9EE"/>
|
||||
<path d="M76.712 59.0825H75.0454V99.865H76.712V59.0825Z" fill="#E7E9EE"/>
|
||||
<path d="M60.3469 59.0825H58.6803V99.865H60.3469V59.0825Z" fill="#E7E9EE"/>
|
||||
<path d="M75.8787 59.7011H59.5135V97.0761H75.8787V59.7011Z" fill="#E7E9EE"/>
|
||||
<path d="M59.3985 47.1038L57.2436 56.1831C57.2102 56.3243 57.209 56.4713 57.2402 56.6131C57.2715 56.7549 57.3342 56.8877 57.4239 57.0017C57.5136 57.1156 57.6278 57.2077 57.7579 57.271C57.8881 57.3344 58.0309 57.3673 58.1755 57.3674H70.8796C71.0895 57.3674 71.2935 57.2982 71.4605 57.1704C71.6274 57.0427 71.7479 56.8635 71.8035 56.6604L74.2865 47.5813C74.3255 47.4386 74.3311 47.2888 74.303 47.1435C74.2749 46.9982 74.2138 46.8614 74.1244 46.7438C74.035 46.6261 73.9197 46.5307 73.7876 46.465C73.6555 46.3993 73.51 46.3651 73.3626 46.3651H60.3306C60.1151 46.3651 59.9059 46.438 59.7368 46.5721C59.5677 46.7061 59.4485 46.8934 59.3985 47.1038Z" fill="#97B6E5"/>
|
||||
<path d="M52.721 57.3675H68.0756C68.2249 57.3675 68.3681 57.308 68.4737 57.202C68.5792 57.0961 68.6385 56.9524 68.6385 56.8025C68.6385 56.6527 68.5792 56.509 68.4737 56.403C68.3681 56.297 68.2249 56.2375 68.0756 56.2375H52.721C52.6471 56.2375 52.5739 56.2521 52.5056 56.2805C52.4373 56.3089 52.3752 56.3505 52.323 56.403C52.2707 56.4555 52.2292 56.5178 52.2009 56.5863C52.1726 56.6549 52.1581 56.7283 52.1581 56.8025C52.1581 56.8767 52.1726 56.9502 52.2009 57.0187C52.2292 57.0873 52.2707 57.1496 52.323 57.202C52.3752 57.2545 52.4373 57.2961 52.5056 57.3245C52.5739 57.3529 52.6471 57.3675 52.721 57.3675Z" fill="#97B6E5"/>
|
||||
<path d="M66.2853 53.2844C67.1151 53.2844 67.7878 52.6093 67.7878 51.7764C67.7878 50.9436 67.1151 50.2684 66.2853 50.2684C65.4555 50.2684 64.7828 50.9436 64.7828 51.7764C64.7828 52.6093 65.4555 53.2844 66.2853 53.2844Z" fill="white"/>
|
||||
<path d="M42.937 56.4228C42.591 56.6953 41.0931 56.7808 40.3158 56.8075V53.9166C40.7116 53.7028 41.2049 53.4268 41.5723 53.1916C42.0816 52.8639 42.3123 52.7695 42.4401 52.8051H42.4419C42.4721 52.8139 42.4992 52.8312 42.52 52.855C42.5372 52.8742 42.5505 52.8965 42.559 52.9209C42.6424 53.1471 42.2609 53.4873 42.0497 53.6548L42.0479 53.6565C41.9716 53.7171 41.9166 53.7563 41.9166 53.7563L42.3674 53.9647L42.3691 53.9665L42.7631 54.1499L42.7684 54.1517L42.9814 54.2497C42.9814 54.2497 43.0187 54.4064 43.0595 54.6362V54.638C43.155 55.1884 43.2703 56.1609 42.937 56.4228Z" fill="#DE8014"/>
|
||||
<path d="M45.4936 56.4268L44.5778 56.1133L41.8801 53.4919L41.514 53.1347L40.8596 52.4995L41.4722 51.8658L42.1324 52.5075L42.4996 52.8633L45.1892 55.4783L45.4936 56.4268Z" fill="#8CCA86"/>
|
||||
<path d="M42.4996 52.8633L41.88 53.4919L41.5139 53.1348L42.1324 52.5076L42.4996 52.8633Z" fill="white"/>
|
||||
<path d="M42.1885 53.6991C42.4207 53.7033 42.6524 53.7226 42.8821 53.7568C43.1187 53.7877 43.352 53.8404 43.579 53.9143C43.7051 53.9546 43.8272 54.0067 43.9435 54.07C44.0088 54.1059 44.071 54.1471 44.1297 54.193L44.2602 54.3063C44.4319 54.4616 44.5887 54.6328 44.7283 54.8177C44.7665 54.8686 44.7854 54.9314 44.7819 54.995C44.7783 55.0586 44.7524 55.1188 44.7088 55.1651C44.6652 55.2114 44.6067 55.2407 44.5437 55.2478C44.4806 55.2549 44.4171 55.2394 44.3643 55.2041L44.3519 55.1957L43.8372 54.8494L43.7084 54.7645C43.6785 54.7474 43.6477 54.7322 43.6159 54.7189C43.5369 54.6867 43.4552 54.6618 43.3717 54.6442C43.1795 54.6039 42.9849 54.5759 42.7891 54.5603C42.5889 54.5447 42.3756 54.5327 42.1827 54.5293H42.1736C42.1193 54.5284 42.0657 54.5167 42.0159 54.4949C41.9661 54.4732 41.9211 54.4418 41.8834 54.4026C41.8456 54.3634 41.816 54.3171 41.7961 54.2664C41.7762 54.2157 41.7664 54.1615 41.7674 54.107C41.7684 54.0525 41.78 53.9987 41.8017 53.9487C41.8233 53.8988 41.8546 53.8535 41.8937 53.8157C41.9327 53.7778 41.9789 53.7481 42.0294 53.7281C42.0799 53.7081 42.1339 53.6983 42.1882 53.6993L42.1885 53.6991Z" fill="#DE8014"/>
|
||||
<path d="M31.2903 30.9975C31.2903 30.9975 32.6355 35.8352 33.3912 38.3454C33.427 38.4644 33.4345 38.5901 33.4132 38.7125C33.392 38.8349 33.3424 38.9505 33.2685 39.0503C33.1947 39.15 33.0986 39.2309 32.988 39.2867C32.8773 39.3424 32.7552 39.3714 32.6314 39.3713H27.9107C27.7068 39.3712 27.5107 39.2924 27.3632 39.1511C27.2156 39.0099 27.1278 38.8171 27.1181 38.6126L26.7999 31.8783L31.2903 30.9975Z" fill="#1B222C"/>
|
||||
<path d="M24.0555 41.7584C24.0555 41.7584 25.4286 41.0293 25.1255 37.2784L27.9613 36.7533C27.9613 36.7533 27.6397 40.1157 29.0732 41.1846L24.0555 41.7584Z" fill="#DE8014"/>
|
||||
<g opacity="0.15">
|
||||
<path d="M28.4928 40.4813L26.139 38.6705L27.989 38.6527C28.0419 39.2885 28.2128 39.9087 28.4928 40.4813Z" fill="#1B222C"/>
|
||||
</g>
|
||||
<path d="M23.518 35.8229C23.7132 36.961 24.331 38.0391 25.3308 38.4075C26.4205 38.8428 27.5998 39.0038 28.7658 38.8765C31.8699 38.6239 31.2623 31.5398 29.7898 30.1625C28.3173 28.7853 23.9918 29.6527 23.4637 31.9536C23.1905 33.1436 23.3322 34.7405 23.518 35.8229Z" fill="#DE8014"/>
|
||||
<path d="M27.9592 34.9508C28.1012 34.9508 28.2163 34.8352 28.2163 34.6927C28.2163 34.5501 28.1012 34.4346 27.9592 34.4346C27.8172 34.4346 27.702 34.5501 27.702 34.6927C27.702 34.8352 27.8172 34.9508 27.9592 34.9508Z" fill="#1B222C"/>
|
||||
<path d="M29.9881 34.7855C30.1301 34.7855 30.2453 34.67 30.2453 34.5274C30.2453 34.3849 30.1301 34.2693 29.9881 34.2693C29.8461 34.2693 29.731 34.3849 29.731 34.5274C29.731 34.67 29.8461 34.7855 29.9881 34.7855Z" fill="#1B222C"/>
|
||||
<path d="M30.434 33.9779H30.4326L29.751 33.9684C29.7189 33.968 29.6883 33.9549 29.6659 33.9318C29.6436 33.9088 29.6312 33.8778 29.6316 33.8456C29.632 33.8134 29.6451 33.7827 29.6681 33.7603C29.691 33.7378 29.7219 33.7254 29.754 33.7258L30.4353 33.7351C30.4673 33.7353 30.498 33.7483 30.5205 33.7712C30.543 33.7941 30.5555 33.825 30.5553 33.8572C30.5551 33.8894 30.5422 33.9201 30.5194 33.9427C30.4966 33.9653 30.4657 33.9779 30.4337 33.9777L30.434 33.9779Z" fill="#1B222C"/>
|
||||
<path d="M27.4046 34.2242C27.3751 34.2241 27.3466 34.2131 27.3245 34.1934C27.3024 34.1737 27.2883 34.1465 27.2849 34.117C27.2814 34.0876 27.2889 34.0579 27.3057 34.0335C27.3226 34.0092 27.3478 33.9919 27.3766 33.9849L28.0481 33.8234C28.0637 33.8193 28.0799 33.8183 28.0959 33.8206C28.1118 33.8228 28.1271 33.8282 28.141 33.8365C28.1548 33.8448 28.1668 33.8558 28.1764 33.8688C28.1859 33.8818 28.1927 33.8966 28.1965 33.9123C28.2003 33.9281 28.2009 33.9444 28.1982 33.9603C28.1956 33.9763 28.1899 33.9915 28.1813 34.0052C28.1728 34.0189 28.1616 34.0307 28.1484 34.04C28.1352 34.0493 28.1203 34.0558 28.1046 34.0592L27.433 34.2208C27.4237 34.223 27.4142 34.2242 27.4046 34.2242Z" fill="#1B222C"/>
|
||||
<path d="M28.0763 36.7251C28.0763 36.7251 29.0254 36.8265 29.6913 36.5939C29.6913 36.5939 29.6854 37.2212 28.9342 37.2825C28.183 37.3438 28.0763 36.7251 28.0763 36.7251Z" fill="white"/>
|
||||
<g opacity="0.15">
|
||||
<path d="M29.0995 36.1251C29.0782 36.1251 29.0577 36.1174 29.0416 36.1035C29.0255 36.0895 29.015 36.0703 29.0118 36.0492C29.0087 36.0281 29.0132 36.0066 29.0245 35.9885C29.0359 35.9705 29.0533 35.9571 29.0736 35.9509L29.5966 35.7906L29.2313 34.9726C29.2261 34.9619 29.2231 34.9502 29.2225 34.9383C29.2219 34.9264 29.2237 34.9145 29.2277 34.9033C29.2318 34.8921 29.238 34.8818 29.2461 34.873C29.2542 34.8643 29.264 34.8573 29.2748 34.8524C29.2857 34.8475 29.2974 34.8449 29.3093 34.8446C29.3211 34.8444 29.333 34.8465 29.344 34.8509C29.355 34.8554 29.3651 34.862 29.3735 34.8704C29.382 34.8787 29.3887 34.8887 29.3932 34.8998L29.8406 35.9019L29.1256 36.1219C29.1171 36.1242 29.1083 36.1252 29.0995 36.1251Z" fill="#1B222C"/>
|
||||
</g>
|
||||
<path d="M31.4522 31.5773C31.4522 31.5773 30.9977 27.8878 25.1076 28.794C23.6392 29.0198 21.5582 30.1705 21.221 33.9417C21.0669 35.6716 20.4728 37.3027 20.0195 38.3351C19.9658 38.4563 19.9432 38.5891 19.9536 38.7213C19.9641 38.8535 20.0072 38.981 20.0792 39.0922C20.1512 39.2034 20.2497 39.2949 20.3658 39.3582C20.4819 39.4215 20.612 39.4547 20.7441 39.4548L24.8845 39.4562C25.0946 39.4566 25.2962 39.3731 25.4451 39.2243C25.5939 39.0754 25.6777 38.8734 25.6781 38.6625C25.6781 38.6507 25.6781 38.639 25.6781 38.6269C25.6483 37.9196 25.6249 36.722 25.665 34.8916C25.8803 33.847 25.3069 33.1104 26.1392 33.3505C29.2297 34.2406 31.22 31.637 31.4522 31.5773Z" fill="#1B222C"/>
|
||||
<path d="M26.6597 35.8027C26.6713 35.9459 26.6546 36.09 26.6107 36.2268C26.5668 36.3636 26.4965 36.4903 26.4038 36.5998C26.311 36.7093 26.1977 36.7994 26.0703 36.8649C25.9429 36.9305 25.8039 36.9702 25.6612 36.9818C25.5185 36.9934 25.3749 36.9767 25.2386 36.9326C25.1024 36.8885 24.9761 36.8179 24.867 36.7249C24.6467 36.5369 24.5098 36.2688 24.4864 35.9796C24.4588 35.6956 24.5446 35.4123 24.725 35.1919C24.9054 34.9714 25.1656 34.8319 25.4485 34.804C25.4606 34.8029 25.4728 34.8018 25.4849 34.8011C26.262 34.776 26.6109 35.201 26.6597 35.8027Z" fill="#DE8014"/>
|
||||
<path d="M104.644 29.8764H88.0462C87.9756 29.8764 87.9079 29.8483 87.858 29.7982C87.8081 29.7481 87.78 29.6801 87.78 29.6092V12.9508C87.78 12.898 87.7957 12.8463 87.8249 12.8024C87.8542 12.7585 87.8958 12.7242 87.9444 12.704C87.9931 12.6838 88.0466 12.6785 88.0982 12.6889C88.1499 12.6992 88.1973 12.7246 88.2345 12.762L104.832 29.4204C104.869 29.4578 104.894 29.5054 104.905 29.5572C104.915 29.609 104.91 29.6627 104.889 29.7115C104.869 29.7603 104.835 29.802 104.791 29.8313C104.748 29.8607 104.696 29.8764 104.644 29.8764ZM88.3124 29.3421H104.001L88.3124 13.596V29.3421Z" fill="#C3D0E3"/>
|
||||
<path d="M91.4286 29.8764H88.0462C87.9756 29.8764 87.9079 29.8482 87.858 29.7981C87.8081 29.748 87.78 29.68 87.78 29.6092V26.2145C87.78 26.1436 87.8081 26.0757 87.858 26.0256C87.9079 25.9755 87.9756 25.9473 88.0462 25.9473H91.4286C91.4992 25.9473 91.567 25.9755 91.6169 26.0256C91.6668 26.0757 91.6949 26.1436 91.6949 26.2145V29.6092C91.6949 29.68 91.6668 29.748 91.6169 29.7981C91.567 29.8482 91.4992 29.8764 91.4286 29.8764ZM88.3124 29.342H91.1624V26.4817H88.3124V29.342Z" fill="#C3D0E3"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_175_924">
|
||||
<rect width="141.667" height="100" fill="white" transform="translate(0.166626)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 26 KiB |
|
|
@ -0,0 +1,104 @@
|
|||
import { fireEvent, render, screen } from '@testing-library/react'
|
||||
import WelcomeMessageNew from '../../../../../frontend/js/features/project-list/components/welcome-message-new'
|
||||
import { expect } from 'chai'
|
||||
|
||||
describe('<WelcomeMessageNew />', function () {
|
||||
afterEach(function () {
|
||||
window.metaAttributesCache = new Map()
|
||||
})
|
||||
|
||||
it('renders welcome page correctly', function () {
|
||||
render(<WelcomeMessageNew />)
|
||||
|
||||
screen.getByText('Welcome to Overleaf!')
|
||||
screen.getByText('Create a new project')
|
||||
screen.getByText('Learn LaTeX with a tutorial')
|
||||
screen.getByText('Browse templates')
|
||||
})
|
||||
|
||||
it('shows correct dropdown when clicking create a new project', function () {
|
||||
render(<WelcomeMessageNew />)
|
||||
|
||||
const button = screen.getByRole('button', {
|
||||
name: 'Create a new project',
|
||||
})
|
||||
|
||||
fireEvent.click(button)
|
||||
|
||||
screen.getByText('Blank Project')
|
||||
screen.getByText('Example Project')
|
||||
screen.getByText('Upload Project')
|
||||
screen.getByText('Import from GitHub')
|
||||
})
|
||||
|
||||
it('show the correct dropdown menu for affiliated users', function () {
|
||||
window.metaAttributesCache.set('ol-portalTemplates', [
|
||||
{
|
||||
name: 'Affiliation 1',
|
||||
url: '/edu/test-new-template',
|
||||
},
|
||||
])
|
||||
|
||||
render(<WelcomeMessageNew />)
|
||||
|
||||
const button = screen.getByRole('button', {
|
||||
name: 'Create a new project',
|
||||
})
|
||||
|
||||
fireEvent.click(button)
|
||||
// static menu
|
||||
screen.getByText('Blank Project')
|
||||
screen.getByText('Example Project')
|
||||
screen.getByText('Upload Project')
|
||||
screen.getByText('Import from GitHub')
|
||||
|
||||
// static text for institution templates
|
||||
screen.getByText('Institution Templates')
|
||||
|
||||
// dynamic menu based on portalTemplates
|
||||
const affiliationTemplate = screen.getByRole('link', {
|
||||
name: 'Affiliation 1',
|
||||
})
|
||||
|
||||
expect(affiliationTemplate.getAttribute('href')).to.equal(
|
||||
'/edu/test-new-template#templates'
|
||||
)
|
||||
})
|
||||
|
||||
it('shows correct dropdown when clicking create a new project with a portal template', function () {
|
||||
render(<WelcomeMessageNew />)
|
||||
|
||||
const button = screen.getByRole('button', {
|
||||
name: 'Create a new project',
|
||||
})
|
||||
|
||||
fireEvent.click(button)
|
||||
|
||||
screen.getByText('Blank Project')
|
||||
screen.getByText('Example Project')
|
||||
screen.getByText('Upload Project')
|
||||
screen.getByText('Import from GitHub')
|
||||
})
|
||||
|
||||
it('shows correct link for latex tutorial menu', function () {
|
||||
render(<WelcomeMessageNew />)
|
||||
|
||||
const link = screen.getByRole('link', {
|
||||
name: 'Learn LaTeX with a tutorial',
|
||||
})
|
||||
|
||||
expect(link.getAttribute('href')).to.equal(
|
||||
'/learn/latex/Learn_LaTeX_in_30_minutes'
|
||||
)
|
||||
})
|
||||
|
||||
it('shows correct link for browse templates menu', function () {
|
||||
render(<WelcomeMessageNew />)
|
||||
|
||||
const link = screen.getByRole('link', {
|
||||
name: 'Browse templates',
|
||||
})
|
||||
|
||||
expect(link.getAttribute('href')).to.equal('/templates')
|
||||
})
|
||||
})
|
||||
Loading…
Reference in a new issue