More logos

Author: pomber

sites/docs/src/home/docs.js

@@ -35,7 +35,22 @@ function H(props) {
 export default function Docs() {
   return (
     <div style={{ display: "flex", justifyContent: "center" }}>
-      <div style={{ maxWidth: "800px", width: "90%" }}>
+      <div
+        style={{
+          maxWidth: "800px",
+          width: "90%",
+          paddingTop: "1px",
+          position: "relative"
+        }}
+      >
+        <iframe
+          src="https://ghbtns.com/github-btn.html?user=pomber&repo=code-surfer&type=star&count=true&size=large"
+          frameborder="0"
+          scrolling="0"
+          width="160px"
+          height="30px"
+          style={{ right: 0, position: "absolute", top: -40, zIndex: 2 }}
+        ></iframe>
         <MDXProvider components={components}>
           <Readme />
         </MDXProvider>

sites/docs/src/home/logos/mdxdeck.png

@@ -4,6 +4,7 @@ import Speaker from "./speaker";
 import logo from "./logo.small.svg";
 import jabci from "./logos/jabci.png";
 import ocollective from "./logos/ocollective.svg";
+import mdxdeck from "./logos/mdxdeck.png";
 import wood from "./wood.png";
 import brightSquares from "./bright-squares.png";
 import purtyWood from "./purty-wood.png";
@@ -90,7 +91,7 @@ export default function Stage({ children, deck }) {
               style={{
                 zIndex: "1",
                 position: "absolute",
-                bottom: 0,
+                bottom: -1,
                 height: "90%"
               }}
             >
@@ -274,7 +275,8 @@ function Banner() {
           display: "flex",
           flexDirection: "column",
           alignItems: "center",
-          justifyContent: "space-around",
+          justifyContent: "space-between",
+          padding: `${scale * 0.25}px 0`,
           height: "100%",
           boxSizing: "border-box",
           opacity: 0.7,
@@ -287,6 +289,24 @@ function Banner() {
         >
           <img src={logo} alt="Code Surfer Logo" width="100%" />
         </a>
+        <a
+          href="https://opencollective.com/code-surfer#sponsor"
+          style={{
+            width: "80%",
+            textDecoration: "none",
+            color: "black",
+            fontSize: scale * 0.19,
+            fontWeight: "bolder",
+            textAlign: "center",
+            display: "flex"
+          }}
+        >
+          <img src={mdxdeck} alt="MDX Deck Logo" width="35%" />
+          <div style={{ flex: 1 }}>
+            <div style={{ fontSize: "1.1em" }}>MDX</div>
+            <div>Deck</div>
+          </div>
+        </a>
         <a href="http://jabci.com/" style={{ width: "65%" }}>
           <img src={jabci} alt="jabci Logo" width="100%" />
         </a>