diff --git a/src/components/Footer.css b/src/components/Footer.css new file mode 100644 index 0000000..2c0074d --- /dev/null +++ b/src/components/Footer.css @@ -0,0 +1,28 @@ +.footer-logo > span { + display: block; + margin-top: 1rem; + line-height: 1rem; + font-size: var(--font-small); + opacity: 0.7; +} + +.git-hub { + justify-content: center; + flex-direction: row; + align-items: center; + margin-bottom: 1.5rem; +} + +.git-hub a, +.git-hub span, +.git-hub p { + display: flex; + width: auto; + font-size: var(--font-small); + align-items: center; + margin: 0 !important; +} + +.git-hub a { + padding-left: 0 !important; +} diff --git a/src/components/Footer.js b/src/components/Footer.js index 8a87172..4a9fb03 100644 --- a/src/components/Footer.js +++ b/src/components/Footer.js @@ -1,10 +1,14 @@ import React from "react" -import { Link } from "gatsby" import { Container, Row, Col } from "react-bootstrap" import { useSiteMetadata } from "../hooks" -import { Github } from "iconoir-react" import LogoFnr from "./_svg/LogoFnr" import LogoSnsf from "./_svg/LogoSnsf" +import LogoUni from "./_svg/LogoUni" +import LogoUnil from "./_svg/LogoUnil" +import LogoEpfl from "./_svg/LogoEpfl" +import LogoDofcl from "./_svg/LogoDofcl" +import "./Footer.css" +import LogoGitHub from "./_svg/LogoGitHub" const getGithubRepoUrl = (gitRepo, gitRevision) => { if (gitRepo.startsWith("https")) { @@ -31,43 +35,80 @@ const Footer = () => { return ( ) } diff --git a/src/components/_svg/LogoDofcl.js b/src/components/_svg/LogoDofcl.js new file mode 100644 index 0000000..b25b4ac --- /dev/null +++ b/src/components/_svg/LogoDofcl.js @@ -0,0 +1,39 @@ +import React from "react" + +const LogoDofcl = ({ + color = "var(--impresso-color-black)", + width = 160, + className = "", +}) => { + const ratio = 200 / 58.22 + const height = width / ratio + + return ( +
+ + + + + +
+ ) +} + +export default LogoDofcl diff --git a/src/components/_svg/LogoEpfl.js b/src/components/_svg/LogoEpfl.js new file mode 100644 index 0000000..eb1ac2f --- /dev/null +++ b/src/components/_svg/LogoEpfl.js @@ -0,0 +1,35 @@ +import React from "react" + +const LogoEpfl = ({ + color = "var(--impresso-color-black)", + width = 160, + className = "", +}) => { + const ratio = 200 / 58.22 + const height = width / ratio + + return ( +
+ + + + + +
+ ) +} + +export default LogoEpfl diff --git a/src/components/_svg/LogoGitHub.js b/src/components/_svg/LogoGitHub.js new file mode 100644 index 0000000..ab44302 --- /dev/null +++ b/src/components/_svg/LogoGitHub.js @@ -0,0 +1,28 @@ +import React from "react" + +const LogoGitHub = ({ + color = "var(--impresso-color-black)", + width = 160, + className = "", +}) => { + const ratio = 98 / 96 + const height = width / ratio + + return ( +
+ + + +
+ ) +} + +export default LogoGitHub diff --git a/src/components/_svg/LogoUni.js b/src/components/_svg/LogoUni.js new file mode 100644 index 0000000..ad6e711 --- /dev/null +++ b/src/components/_svg/LogoUni.js @@ -0,0 +1,35 @@ +import React from "react" + +const LogoUni = ({ + color = "var(--impresso-color-black)", + width = 160, + className = "", +}) => { + const ratio = 185.35 / 57.08 + const height = width / ratio + + return ( +
+ + + + + +
+ ) +} + +export default LogoUni diff --git a/src/components/_svg/LogoUnil.js b/src/components/_svg/LogoUnil.js new file mode 100644 index 0000000..1499092 --- /dev/null +++ b/src/components/_svg/LogoUnil.js @@ -0,0 +1,35 @@ +import React from "react" + +const LogoUnil = ({ + color = "var(--impresso-color-black)", + width = 160, + className = "", +}) => { + const ratio = 191.58 / 67.39 + const height = width / ratio + + return ( +
+ + + + + +
+ ) +} + +export default LogoUnil