mirror of
https://github.com/iconoir-icons/iconoir
synced 2024-06-08 00:42:35 +02:00
revert: restored supporter avatars
This commit is contained in:
parent
11da0d4b86
commit
82a1fc0437
|
@ -92,6 +92,44 @@ const Home: NextPage<HomeProps> = ({
|
|||
>
|
||||
<span>Donate</span>
|
||||
</LargeButton>
|
||||
<Supporters>
|
||||
<Supporter
|
||||
data-tooltip="Pierre Olivier Marec"
|
||||
as={'a'}
|
||||
href={'https://github.com/pomarec'}
|
||||
src={'https://avatars.githubusercontent.com/u/802933?v=4'}
|
||||
/>
|
||||
<Supporter
|
||||
data-tooltip="Tuan Hiep"
|
||||
as={'a'}
|
||||
href={'https://opencollective.com/iconoir/contribute'}
|
||||
src={
|
||||
'https://images.opencollective.com/tuan-hiep/17b1ef2/avatar.png?height=80'
|
||||
}
|
||||
/>
|
||||
<Supporter
|
||||
data-tooltip="Justin Kendrick"
|
||||
as={'a'}
|
||||
href={'https://opencollective.com/iconoir/contribute'}
|
||||
src={
|
||||
'https://images.opencollective.com/guest-39c79745/avatar.png?height=80'
|
||||
}
|
||||
/>
|
||||
<Supporter
|
||||
data-tooltip="Anon"
|
||||
as={'a'}
|
||||
href={'https://opencollective.com/iconoir/contribute'}
|
||||
src={
|
||||
'https://opencollective.com/static/images/default-guest-logo.svg'
|
||||
}
|
||||
/>
|
||||
<Supporter
|
||||
data-tooltip="Luca Burgio"
|
||||
as={'a'}
|
||||
href={'https://twitter.com/burgioluca'}
|
||||
src={'https://lucaburgio.com/images/profile2.png'}
|
||||
/>
|
||||
</Supporters>
|
||||
<Text15>
|
||||
Join our supporters and help us continue developing Iconoir.
|
||||
</Text15>
|
||||
|
@ -143,6 +181,45 @@ export const HeroDescription = styled(Text18)<{ topMargin?: number }>`
|
|||
}
|
||||
`;
|
||||
|
||||
const Supporters = styled.div`
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-bottom: 8px !important;
|
||||
`;
|
||||
const Supporter = styled.div<{ src?: string }>`
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50%;
|
||||
background-color: #000;
|
||||
margin: 0 10px;
|
||||
background-image: url(${(props) => props.src});
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
border: 2px solid white;
|
||||
margin: 0 -4px;
|
||||
transition: 0.2s;
|
||||
&:hover {
|
||||
scale: 1.1;
|
||||
transition: 0.2s;
|
||||
&:before {
|
||||
content: attr(data-tooltip);
|
||||
position: absolute;
|
||||
bottom: 100%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background-color: black;
|
||||
color: white;
|
||||
padding: 5px;
|
||||
border-radius: 3px;
|
||||
white-space: nowrap;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
const SupportContainer = styled.div`
|
||||
text-align: center;
|
||||
> * {
|
||||
|
|
Loading…
Reference in a new issue