mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2025-05-20 18:25:21 -04:00
28600d6508
* Change copyright year from 2020 to 2021 Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de> * Change copyright year in jetbrains copyright template Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
/*
|
|
SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only
|
|
*/
|
|
|
|
import React, { Fragment } from 'react'
|
|
import { Trans, useTranslation } from 'react-i18next'
|
|
import { Branding } from '../common/branding/branding'
|
|
import {
|
|
HedgeDocLogoSize,
|
|
HedgeDocLogoType,
|
|
HedgeDocLogoWithText
|
|
} from '../common/hedge-doc-logo/hedge-doc-logo-with-text'
|
|
import { CoverButtons } from './cover-buttons/cover-buttons'
|
|
import { FeatureLinks } from './feature-links'
|
|
import screenshot from './img/screenshot.png'
|
|
|
|
export const IntroPage: React.FC = () => {
|
|
const { t } = useTranslation()
|
|
|
|
return <Fragment>
|
|
<h1 dir='auto' className={'align-items-center d-flex justify-content-center flex-column'}>
|
|
<HedgeDocLogoWithText logoType={HedgeDocLogoType.COLOR_VERTICAL} size={HedgeDocLogoSize.BIG}/>
|
|
</h1>
|
|
<p className="lead">
|
|
<Trans i18nKey="app.slogan"/>
|
|
</p>
|
|
<div className={'mb-5'}>
|
|
<Branding delimiter={false}/>
|
|
</div>
|
|
|
|
<CoverButtons/>
|
|
<img alt={t('landing.intro.screenShotAltText')} src={screenshot} className="img-fluid mb-5"/>
|
|
<FeatureLinks/>
|
|
</Fragment>
|
|
}
|