andras/schmelczer-dev
1
0
Fork 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Update footer

Browse source
This commit is contained in:
Andras Schmelczer 2022-09-22 12:49:21 +02:00
parent 735ac25c98
commit 50a844e3a3
No known key found for this signature in database
GPG key ID: 0EA1BC97D0AB076E
2 changed files with 23 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/data/portfolio.ts
View file

@ -62,9 +62,12 @@ export const create = (): Array<PageElement> => [
}), }),
Footer({ Footer({
title: `Learn more`, title: `Learn more`,
curriculaVitae: [{ name: `Curriculum vitae`, url: cvEnglish }], curriculaVitae: [{ name: `Download my CV`, url: cvEnglish }],
email: `andras@schmelczer.dev`, email: `andras@schmelczer.dev`,
linkedin: `https://www.linkedin.com/in/andras-schmelczer-35487017b`, linkedInLink: `https://www.linkedin.com/in/andras-schmelczer`,
linkedInText: 'Find me on LinkedIn',
gitHubLink: `https://github.com/schmelczer`,
gitHubText: 'Find me on GitHub',
lastEditText: `Last modified on `, lastEditText: `Last modified on `,
}) })
), ),

25
src/page/footer/footer.html.ts
View file

@ -1,5 +1,6 @@
import cvIcon from '../../../static/icons/cv.svg'; import cvIcon from '../../../static/icons/cv.svg';
import emailIcon from '../../../static/icons/email.svg'; import emailIcon from '../../../static/icons/email.svg';
import githubIcon from '../../../static/icons/github.svg';
import linkedinIcon from '../../../static/icons/linkedin.svg'; import linkedinIcon from '../../../static/icons/linkedin.svg';
import { html } from '../../types/html'; import { html } from '../../types/html';
import { url } from '../../types/url'; import { url } from '../../types/url';
@ -12,16 +13,22 @@ export const Footer = ({
title, title,
email, email,
curriculaVitae, curriculaVitae,
linkedin, linkedInLink,
linkedInText,
gitHubLink,
gitHubText,
lastEditText, lastEditText,
}: { }: {
title: string; title: string;
email: url; email: string;
linkedin: url;
curriculaVitae: Array<{ curriculaVitae: Array<{
name: string; name: string;
url: url; url: url;
}>; }>;
linkedInLink: url;
linkedInText: string;
gitHubLink: url;
gitHubText: string;
lastEditText: string; lastEditText: string;
}): html => ` }): html => `
<footer id="footer"> <footer id="footer">
@ -29,21 +36,25 @@ export const Footer = ({
<ul> <ul>
${curriculaVitae ${curriculaVitae
.map( .map(
(cv, i) => ` (cv) => `
<li> <li>
${cvIcon} ${cvIcon}
<a id="cv-${i}" href="${cv.url}" target="_blank">${cv.name}</a> <a rel="noopener" href="${cv.url}" download>${cv.name}</a>
</li> </li>
` `
) )
.join('')} .join('')}
<li>
${githubIcon}
<a rel="noopener" target="_blank" href="${gitHubLink}">${gitHubText}</a>
</li>
<li> <li>
${linkedinIcon} ${linkedinIcon}
<a id="linkedin" target="_blank" href="${linkedin}">Find me on LinkedIn</a> <a rel="noopener" target="_blank" href="${linkedInLink}">${linkedInText}</a>
</li> </li>
<li> <li>
${emailIcon} ${emailIcon}
<a id="email" href="mailto:${email}">${email}</a> <a rel="noopener" href="mailto:${email}">${email}</a>
</li> </li>
</ul> </ul>
<aside class="other"> <aside class="other">