SantaSpeen/santaspeen.ru-blog
1
0 Fork 0
mirror of https://github.com/SantaSpeen/santaspeen.ru-blog.git synced 2026-10-28 15:10:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

to TypeScript

Browse Source
This commit is contained in:
Artur Akmalov committed 2023-05-21 17:54:37 +05:00
1 parent 7b121b4861
commit f85f2dc3ae
45 files changed
+2710 -1101
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/components/home/TopicsSection.tsx
+88
View File
@@ -0,0 +1,88 @@
import Link from '@docusaurus/Link';
import clsx from 'clsx';
import React from 'react';
import {
Docker, Linux, Python, Kubernetes, Googlecolab, Googlehome
} from '@icons-pack/react-simple-icons';
import Icon from '@mdi/react';
import { mdiAccessPointNetwork } from '@mdi/js';
import styles from './Styles.module.scss';
import landingSectionStyles from './LandingSection.module.scss';
export default function ClientSection() {
return (
<section className={clsx(landingSectionStyles['landing-section'])}>
<div className='container text--center'>
<div className='row row--center'>
<div className='col margin-top--lg'>
<h2>Основные темы</h2>
<p>
Записи в блоге по тэгам
</p>
</div>
</div>
<div className='row row--center'>
<Link
to='/blog/tags/Linux'
className={clsx('col', 'fill--white', styles['client-icon'], 'margin-top--md')}
>
<Linux color='#ffffff' size={48} />
<div className='margin-top--sm'>Linux</div>
</Link>
<Link
to='/blog/tags/Python'
className={clsx('col', 'fill--white', styles['client-icon'], 'margin-top--md')}
>
<Python color='#ffffff' size={48} />
<div className='margin-top--sm'>Python</div>
</Link>
<Link
to='/blog/tags/Python'
className={clsx('col', 'fill--white', styles['client-icon'], 'margin-top--md')}
>
<Googlecolab color='#ffffff' size={48} />
<div className='margin-top--sm'>DevOps</div>
</Link>
<Link
to='/blog/tags/Python'
className={clsx('col', 'fill--white', styles['client-icon'], 'margin-top--md')}
>
<Kubernetes color='#ffffff' size={48} />
<div className='margin-top--sm'>Kuberneters</div>
</Link>
<Link
to='/blog/tags/Python'
className={clsx('col', 'fill--white', styles['client-icon'], 'margin-top--md')}
>
<Docker color='#ffffff' size={48} />
<div className='margin-top--sm'>Docker</div>
</Link>
<Link
to='/blog/tags/Python'
className={clsx('col', 'fill--white', styles['client-icon'], 'margin-top--md')}
>
<Googlehome color='#ffffff' size={48} />
<div className='margin-top--sm'>Homelab</div>
</Link>
<Link
to='/blog/tags/Networks'
className={clsx('col', 'fill--white', styles['client-icon'], 'margin-top--md')}
>
<Icon path={mdiAccessPointNetwork} size='48px' className='fill-white' />
<div className='margin-top--sm'>Networks</div>
</Link>
</div>
</div>
<div className={styles.buttons}>
<Link
className="button button--secondary button--lg"
to="/blog">
Все записи
</Link>
</div>
</section>
);
}