Skip to content

Commit

Permalink
Add DO logo
Browse files Browse the repository at this point in the history
  • Loading branch information
pastelsky committed Jun 23, 2024
1 parent 0ae5635 commit 75f91c3
Show file tree
Hide file tree
Showing 2 changed files with 29 additions and 0 deletions.
13 changes: 13 additions & 0 deletions client/components/Footer/Footer.module.scss
Original file line number Diff line number Diff line change
Expand Up @@ -72,3 +72,16 @@
align-items: center;
justify-content: center;
}

.footerHostingCredits {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 1rem;
margin-bottom: 1rem;
}

.footerSponsorLogo {
margin-top: 1rem;
}
16 changes: 16 additions & 0 deletions client/components/Footer/index.tsx
Original file line number Diff line number Diff line change
@@ -1,6 +1,16 @@
import React from "react";
import styles from "./Footer.module.scss";

function DigitalOceanLogo(props: { className: string }) {
return (<svg xmlns="http://www.w3.org/2000/svg" width="172" height="29" className="UnifiedNav-logoSVG">
<path fill="white"
d="M14.5 29v-5.57a8.86 8.86 0 0 0 8.28-12.06 8.37 8.37 0 0 0-5-4.97A8.91 8.91 0 0 0 5.6 14.62H0C0 5.23 9.17-2.11 19.11.97a13.96 13.96 0 0 1 9.16 9.08A14.44 14.44 0 0 1 14.49 29" />
<path fill="white"
d="M14.5 23.45H8.92V17.9h5.6v5.55M8.9 27.7H4.6v-4.26h4.3v4.26m-4.3-4.26H1v-3.58h3.6v3.58m38.68-13.8h1.65c1.83 0 3.34.35 4.49 1.06 1.27.76 1.92 2.2 1.92 4.3 0 2.15-.65 3.67-1.92 4.5a8.08 8.08 0 0 1-4.47 1.08h-1.67V9.64zm8.32-1.08a10.62 10.62 0 0 0-6.13-1.72H40.2v16.53h5.26c2.4 0 4.47-.6 6.14-1.81a6.3 6.3 0 0 0 2.12-2.65c.5-1.12.74-2.43.74-3.91a9.3 9.3 0 0 0-.75-3.86 6 6 0 0 0-2.12-2.58zm6.53-1.92a1.8 1.8 0 0 0-1.82 1.78c0 .5.17.94.53 1.29.35.35.79.53 1.29.53a1.81 1.81 0 0 0 1.83-1.82c0-.5-.18-.92-.54-1.25a1.78 1.78 0 0 0-1.29-.53m-1.5 16.73h2.95V11.73h-2.96zm12.9-3.8c-.51.59-1.18.87-2.02.87-.85 0-1.51-.28-2.02-.86a3.34 3.34 0 0 1-.76-2.28c0-.95.25-1.72.76-2.3.5-.58 1.18-.87 2.02-.87.84 0 1.5.28 2.02.87.52.58.78 1.35.78 2.3 0 .93-.26 1.7-.78 2.28zm.78-6.87a4.47 4.47 0 0 0-2.96-1.24c-1.63 0-2.99.56-4.03 1.66a5.8 5.8 0 0 0-1.6 4.18c0 1.65.53 3.05 1.58 4.17a5.4 5.4 0 0 0 4.05 1.64c1.13 0 2.11-.31 2.91-.93v.26c0 .97-.26 1.72-.77 2.24-.52.51-1.23.78-2.12.78-1.36 0-2.22-.54-3.26-1.93l-2.01 1.92.05.07c.44.6 1.1 1.2 1.98 1.76.88.56 1.98.85 3.28.85 1.76 0 3.18-.54 4.22-1.6a5.78 5.78 0 0 0 1.59-4.23V11.73H70.3v.97zm5.43 10.67h2.96V11.73h-2.96zm1.5-16.73c-.5 0-.93.18-1.28.52-.36.34-.54.76-.54 1.26s.18.94.54 1.29c.35.35.78.53 1.29.53.5 0 .94-.18 1.3-.53.35-.35.52-.78.52-1.29 0-.5-.18-.92-.53-1.25a1.78 1.78 0 0 0-1.3-.53m7.93 1.94h-2.9v3.15h-1.7v2.67h1.7v4.84c0 1.51.3 2.6.9 3.21.6.63 1.67.95 3.18.95.48 0 .97-.02 1.44-.05h.13v-2.68l-1.01.05c-.7 0-1.17-.12-1.4-.36-.22-.24-.34-.76-.34-1.54V14.4h2.75v-2.67h-2.75V8.58m16.6 14.8h2.96V6.83h-2.96zm32.8-4.17a8.28 8.28 0 0 1-1.48 1.36c-.41.26-.93.4-1.53.4a2.7 2.7 0 0 1-2.15-.97c-.56-.64-.85-1.47-.85-2.46s.28-1.82.84-2.46a2.68 2.68 0 0 1 2.13-.95c.95 0 1.96.58 2.82 1.6l1.95-1.86a5.83 5.83 0 0 0-4.84-2.41 5.92 5.92 0 0 0-5.9 6.08 5.96 5.96 0 0 0 5.9 6.1c2.14 0 3.87-.92 5.03-2.6l-1.92-1.83m5.67-3.11c.14-.56.4-1.02.77-1.38.4-.4.92-.6 1.55-.6.72 0 1.27.21 1.65.6.35.38.54.84.59 1.38h-4.56zm6.46-2.74a4.43 4.43 0 0 0-1.7-1.39 5.57 5.57 0 0 0-2.44-.51 5 5 0 0 0-4.01 1.8 6.63 6.63 0 0 0-1.48 4.36c0 1.76.54 3.22 1.62 4.34a5.69 5.69 0 0 0 4.27 1.67c2 0 3.63-.8 4.86-2.37l.06-.09-1.92-1.83c-.18.21-.43.45-.67.67-.29.27-.56.48-.85.63-.45.22-.94.32-1.5.32a2.9 2.9 0 0 1-2.01-.7 2.67 2.67 0 0 1-.84-1.78h7.82l.03-1.06c0-.76-.1-1.5-.3-2.17a6.31 6.31 0 0 0-.94-1.9zm6.1 5.56c.33-.23.8-.34 1.4-.34.72 0 1.47.14 2.25.42v1.14c-.65.59-1.5.89-2.55.89-.51 0-.91-.11-1.19-.34-.26-.21-.4-.5-.4-.84 0-.4.16-.7.49-.93zm5.24-6.32a5.54 5.54 0 0 0-3.68-1.14c-.98 0-1.9.21-2.73.63a4.83 4.83 0 0 0-2 1.87l.03.03 1.89 1.8c.78-1.23 1.64-1.66 2.8-1.66.6 0 1.12.16 1.51.49.4.32.59.73.59 1.24v.57a7.53 7.53 0 0 0-2.18-.33c-1.47 0-2.66.34-3.55 1.02a3.46 3.46 0 0 0-1.36 2.9c0 1.1.39 2 1.15 2.65.77.64 1.73.96 2.85.96s2.18-.45 3.13-1.22v.96h2.91V15.9c0-1.42-.46-2.53-1.36-3.29zm12.73.23a4.42 4.42 0 0 0-3.44-1.37c-1.17 0-2.13.33-2.84.99v-.72h-2.9v11.64h2.96v-6.42c0-.88.21-1.58.63-2.08.42-.5.99-.74 1.75-.74.67 0 1.18.21 1.55.66.38.45.57 1.06.57 1.83v6.75H172v-6.75c0-1.6-.41-2.89-1.23-3.8m-77.95 6.1c.33-.23.8-.34 1.4-.34.71 0 1.47.14 2.25.42v1.14c-.65.59-1.5.89-2.55.89-.52 0-.91-.11-1.19-.34-.26-.21-.4-.5-.4-.84 0-.4.16-.7.49-.93zm5.24-6.32a5.54 5.54 0 0 0-3.68-1.14c-.98 0-1.9.21-2.73.63a4.83 4.83 0 0 0-2 1.87l.02.03 1.9 1.8c.78-1.23 1.64-1.66 2.79-1.66.62 0 1.13.16 1.52.49.4.32.59.73.59 1.24v.57a7.53 7.53 0 0 0-2.18-.33c-1.47 0-2.66.34-3.55 1.02a3.46 3.46 0 0 0-1.36 2.9c0 1.1.39 2 1.15 2.65a4.3 4.3 0 0 0 2.85.96c1.12 0 2.18-.45 3.13-1.22v.96h2.91V15.9c0-1.42-.46-2.53-1.36-3.29zm17.39-3.02c-3.07 0-5.57 2.48-5.57 5.52s2.5 5.52 5.57 5.52c3.06 0 5.56-2.48 5.56-5.52s-2.5-5.52-5.56-5.52zm0 14.04a8.57 8.57 0 0 1-8.6-8.52c0-4.7 3.86-8.52 8.6-8.52a8.57 8.57 0 0 1 8.59 8.52c0 4.7-3.86 8.52-8.6 8.52z" />
</svg>
);
}

const Footer = () => {
return (
<footer className={styles.footer}>
Expand All @@ -16,6 +26,12 @@ const Footer = () => {
</a>
</p>
</div>
<div className={styles.footerHostingCredits}>
Hosted & Sponsored by
<a href="https://digitalocean.com" target="_blank">
<DigitalOceanLogo className="footerSponsorLogo" />
</a>
</div>
<div className={styles.footerCredits}>
<div className={styles.footerCreditsInner}>
Made with &nbsp;<span style={{ color: "white" }}>♥️</span>&nbsp; by
Expand Down

0 comments on commit 75f91c3

Please sign in to comment.