47 lines
1.5 KiB
TypeScript
47 lines
1.5 KiB
TypeScript
import { useLocalize } from '~/context/localize'
|
|
import { useUI } from '~/context/ui'
|
|
|
|
import { useSearchParams } from '@solidjs/router'
|
|
import styles from './Hero.module.scss'
|
|
|
|
export default () => {
|
|
const { t } = useLocalize()
|
|
const { showModal } = useUI()
|
|
const [, changeSearchParams] = useSearchParams()
|
|
return (
|
|
<div class={styles.aboutDiscours}>
|
|
<div class="wide-container">
|
|
<div class="row">
|
|
<div class="col-lg-20 offset-lg-2 col-xl-18 offset-xl-3">
|
|
<h4 innerHTML={t('Horizontal collaborative journalistic platform')} />
|
|
<p
|
|
innerHTML={t(
|
|
'Discours is an intellectual environment, a web space and tools that allows authors to collaborate with readers and come together to co-create publications and media projects'
|
|
)}
|
|
/>
|
|
<div class={styles.aboutDiscoursActions}>
|
|
<a class="button" href="/edit/new">
|
|
{t('Create post')}
|
|
</a>
|
|
<a
|
|
class="button"
|
|
onClick={() => {
|
|
showModal('auth')
|
|
changeSearchParams({
|
|
mode: 'register'
|
|
})
|
|
}}
|
|
>
|
|
{t('Join the community')}
|
|
</a>
|
|
<a class="button" href="/support">
|
|
{t('Support us')}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|