koodiklinikka/koodiklinikka.fi
1
0
Fork 0
mirror of https://github.com/koodiklinikka/koodiklinikka.fi.git synced 2026-03-01 23:58:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove font-awesome

Browse Source
This commit is contained in:
Aarni Koskela
2022-02-11 15:22:26 +02:00
parent 592886621d
commit b03519ec5f
10 changed files with 43 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
components/Footer.tsx
View File

@@ -5,7 +5,7 @@ import sponsors from "../data/sponsors";
type Props = {
href: string;
name: string;
key: string;
title?: string;
};
const SponsorLink = ({ href, name }: Props) => (
@@ -19,6 +19,17 @@ const SponsorLink = ({ href, name }: Props) => (
</a>
);
const SocialLink = ({ href, name, title }: Props) => (
<a href={href} target="_blank" rel="noopener noreferrer" aria-label={title}>
<img
src={`/static/images/social/${name.toLowerCase()}.svg`}
alt={title}
className={`social social__${name.toLowerCase()}`}
loading="lazy"
/>
</a>
);
export function Footer() {
return (
<footer>
@@ -30,36 +41,31 @@ export function Footer() {
</div>
<div className="contacts">
<div>
<a
<SocialLink
href="https://koodiklinikka.slack.com"
aria-label="Koodiklinikka Slackissä"
>
<i className="fa fa-slack" aria-hidden="true" />
</a>
<a
href="https://github.com/koodiklinikka/koodiklinikka.fi"
aria-label="Koodiklinikka Githubissa"
>
<i className="fa fa-github" aria-hidden="true" />
</a>
<a
title="Koodiklinikka Slackissä"
name="slack"
/>
<SocialLink
href="https://github.com/koodiklinikka"
title="Koodiklinikka Githubissa"
name="github"
/>
<SocialLink
href="https://twitter.com/koodiklinikka"
aria-label="Koodiklinikka Twitterissä"
>
<i className="fa fa-twitter" aria-hidden="true" />
</a>
<a
title="Koodiklinikka Twitterissä"
name="twitter"
/>
<SocialLink
href="https://www.linkedin.com/groups/12025476"
aria-label="Koodiklinikka Linkedinissä"
>
<i className="fa fa-linkedin" aria-hidden="true" />
</a>
<a
title="Koodiklinikka Linkedinissä"
name="linkedin"
/>
<SocialLink
href="https://www.facebook.com/koodiklinikka"
aria-label="Koodiklinikka Facebookissa"
>
<i className="fa fa-facebook" aria-hidden="true" />
</a>
title="Koodiklinikka Facebookissa"
name="facebook"
/>
<div id="email">
<EmailComponent />
</div>