diff --git a/frontend/src/assets/appsignal.svg b/frontend/src/assets/appsignal.svg new file mode 100644 index 0000000..6a27184 --- /dev/null +++ b/frontend/src/assets/appsignal.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/frontend/src/assets/gitlab.png b/frontend/src/assets/gitlab.png new file mode 100644 index 0000000..bb5b84f Binary files /dev/null and b/frontend/src/assets/gitlab.png differ diff --git a/frontend/src/assets/nlnet.png b/frontend/src/assets/nlnet.png index 27fad98..eaf601d 100644 Binary files a/frontend/src/assets/nlnet.png and b/frontend/src/assets/nlnet.png differ diff --git a/frontend/src/components/screens/AboutScreen.tsx b/frontend/src/components/screens/AboutScreen.tsx index 5c3bdee..923fd91 100644 --- a/frontend/src/components/screens/AboutScreen.tsx +++ b/frontend/src/components/screens/AboutScreen.tsx @@ -1,8 +1,19 @@ import { Classes, Code, H1, H2, H4 } from "@blueprintjs/core"; import * as React from "react"; +import styled from "styled-components"; +import appsignalLogo from "../../assets/appsignal.svg"; +import gitlabLogo from "../../assets/gitlab.png"; import nlnetLogo from "../../assets/nlnet.png"; import { Page } from "../atoms/"; +const SponsorContainer = styled.div` + margin-bottom: 20px; +`; +const Sponsor = styled.div` + margin: 10px; + display: inline-block; +`; + const AboutScreen: React.FC = () => (

About

@@ -54,20 +65,26 @@ const AboutScreen: React.FC = () => (


-

Credits

+

Special thanks

- - NLnet logo - -
-
-

- This project is proudly supported by{" "} - - NLnet - - . -

+ + + + NLnet logo + + +
+ + + Appsignal logo + + + + + GitLab logo + + +

Inspiration for this site comes from several places: