Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-05-17 01:17:29 +02:00
Code Issues Projects Releases Wiki Activity

new footer

Browse Source
This commit is contained in:
Alvin Bryan 2024-12-20 20:18:04 +00:00
parent a67989f3f6
commit 7961f69e54
No known key found for this signature in database
3 changed files with 143 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
website/src/theme/Footer/Heart.tsx Normal file
View File

@ -0,0 +1,68 @@
export default () => {
return (
<svg
width='21'
height='21'
viewBox='0 0 21 21'
xmlns='http://www.w3.org/2000/svg'
>
<title>Heart</title>
<path
d='M17.0674 4.53516V10.5352H19.0674V4.53516H17.0674Z'
fill='#817AFE'
/>
<path
d='M1.06738 4.53516L1.06738 10.5352H3.06738L3.06738 4.53516H1.06738Z'
fill='#817AFE'
/>
<path
d='M17.0674 2.53516H13.0674V10.5352H17.0674V2.53516Z'
fill='#817AFE'
/>
<path
d='M7.06738 2.53516H3.06738V10.5352H7.06738V2.53516Z'
fill='#817AFE'
/>
<path
d='M13.0674 12.5352H5.06738V14.5352H13.0674V12.5352Z'
fill='#817AFE'
/>
<path
d='M15.0674 10.5352H3.06738V12.5352H15.0674V10.5352Z'
fill='#817AFE'
/>
<path
d='M11.0674 6.53516H9.06738V10.5352H11.0674V6.53516Z'
fill='#817AFE'
/>
<path
d='M13.0674 4.53516H11.0674V10.5352H13.0674V4.53516Z'
fill='#817AFE'
/>
<path
d='M9.06738 4.53516H7.06738V10.5352H9.06738V4.53516Z'
fill='#817AFE'
/>
<path
d='M11.0674 14.5352H7.06738V16.5352H11.0674V14.5352Z'
fill='#817AFE'
/>
<path
d='M11.0674 16.5352H9.06738V18.5352H11.0674V16.5352Z'
fill='#817AFE'
/>
<path
d='M13.0674 14.5352H11.0674V16.5352H13.0674V14.5352Z'
fill='#817AFE'
/>
<path
d='M15.0674 12.5352H13.0674V14.5352H15.0674V12.5352Z'
fill='#817AFE'
/>
<path
d='M17.0674 10.5352H15.0674V12.5352H17.0674V10.5352Z'
fill='#817AFE'
/>
</svg>
);
};

39
website/src/theme/Footer/footer.module.css Normal file
View File

@ -0,0 +1,39 @@
.wrapper {
background-color: var(--ifm-background-color);
z-index: 1;
}
.footer {
font-family: Styrene B Web, sans-serif;
border-top: 1px solid var(--ifm-font-color-base);
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.unleash {
max-width: 340px;
padding-top: var(--ifm-footer-padding-vertical);
padding-left: var(--ifm-spacing-horizontal);
}
@media screen and (min-width: 768px) {
.footer {
flex-wrap: nowrap;
}
}
.copyright {
min-height: 70px;
display: flex;
justify-content: space-between;
padding: 0 1rem;
align-items: center;
border-top: 1px solid var(--ifm-font-color-base);
}
.copyright p{
margin-bottom: 0;
}

36
website/src/theme/Footer/index.tsx Normal file
View File

@ -0,0 +1,36 @@
import Footer from '@theme-original/Footer';
import type FooterType from '@theme/Footer';
import type { WrapperProps } from '@docusaurus/types';
import styles from './footer.module.css';
import Heart from './Heart';
type Props = WrapperProps<typeof FooterType>;
export default function FooterWrapper(props: Props): JSX.Element {
return (
<div className={styles.wrapper}>
<div className={styles.footer}>
<div className={styles.unleash}>
<p>
Unleash reduces the risk of releasing new features,
drives innovation by streamlining the software release
process. While we serve the needs of the world's
largest, most security-conscious organizations, we are
also rated the “Easiest Feature Management system to
use” by G2.
</p>
</div>
<Footer {...props} />
</div>
<div className={styles.copyright}>
<p style={{ display: 'flex', gap: '5px' }}>
<Heart />
Made in a cosy atmosphere in the Nordic countries.
</p>
<p>
{`Copyright © ${new Date().getFullYear()} Unleash. Built with Docusaurus.`}
</p>
</div>
</div>
);
}