border changes (#356)

Author: jemgillam

src/components/MarketingSponsor.js

@@ -62,7 +62,8 @@ export class Sponsor extends React.Component {
           backgroundColor: plain ? null : "white",
           color: plain ? "white" : "#1b3955",
           margin: "0.5em",
-          borderRadius: "4px",
+          borderRadius: plain ? null : "12px",
+          border: plain ? null : "4px solid #1b1b3d",
           minHeight: showAvatar ? "8em" : "3em",
           fontWeight: "normal",
         }}

src/pages/index.mdx

@@ -60,7 +60,7 @@ height="315"
 src="https://www.youtube-nocookie.com/embed/x0FMjL5-kNI"
 title="YouTube video player"
 frameborder="1" 
-style="border: 4px solid #1b1b3d; border-radius: 4px"
+style="border: 6px solid #1b1b3d; border-radius: 10px"
 allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
 allowfullscreen>
 </iframe>

src/pages/sponsor.mdx

@@ -42,22 +42,23 @@ import Sponsors, { Sponsor } from "$components/MarketingSponsor";
 
 </MarketingSection>
 
-<MarketingDivide from="white" to="medium" via="light" />
+<MarketingDivide from="white" to="dark" via="light" />
 
-<MarketingSection bg="medium">
+<MarketingSection bg="dark">
 
 </MarketingSection>
 
-<MarketingSection bg="medium">
+<MarketingSection bg="dark">
 
 
 <Flex>
 <Col span="6">
 
 <img
 src="/images/grafast-hero.png"
-alt="A Grafast superhero reveals the Grafast heart logo on their chest"
+alt="A suited man reveals the Grafast heart logo on his chest, in the style of Superman"
 class='br2'
+style={{borderRadius: "10px", border: "2px solid #1b1b3d",}}
 />
 
 </Col>
@@ -87,9 +88,9 @@ Grafast is currently only available to Graphile sponsors as it is still undergoi
 
 </MarketingSection>
 
-<MarketingDivide from="medium" to="dark" via="light"/>
+<MarketingDivide from="dark" to="medium" via="light"/>
 
-<MarketingSection bg="dark">
+<MarketingSection bg="medium">
 
 ### Who sponsors Graphile?
 
@@ -242,9 +243,9 @@ YOU!**
 <!-- SPONSORS_END -->
 
 </MarketingSection>
-<MarketingDivide from="dark" to="medium" via="light" down />
+<MarketingDivide from="medium" to="dark" via="light" down />
 
-<MarketingSection bg="medium" left maxWidth>
+<MarketingSection bg="dark" left maxWidth>
 
 ### Why "crowd-funded open-source project"?
 
@@ -265,8 +266,8 @@ improving the software, which you and other users then benefit from.
 </div>
 
 </MarketingSection>
-<MarketingDivide from="medium" to="dark" />
-<MarketingSection bg="dark" left maxWidth>
+<MarketingDivide from="dark" to="medium" />
+<MarketingSection bg="medium" left maxWidth>
 
 ### How is sponsorship money spent?
 
@@ -275,8 +276,8 @@ and releases of the PostGraphile and Graphile suite. A small amount is also used
 to send rewards such as stickers and learning materials to our backers.
 
 </MarketingSection>
-<MarketingDivide from="dark" to="medium" down />
-<MarketingSection bg="medium" left maxWidth>
+<MarketingDivide from="medium" to="dark" down />
+<MarketingSection bg="dark" left maxWidth>
 
 ### Is sponsorship required to use Graphile's OSS?
 
@@ -290,8 +291,8 @@ savings back, enabling the projects to advance more rapidly, and result in even
 greater savings for your organization.
 
 </MarketingSection>
-<MarketingDivide from="medium" to="dark" via="light" />
-<MarketingSection bg="dark" left maxWidth>
+<MarketingDivide from="dark" to="medium" via="light" />
+<MarketingSection bg="medium" left maxWidth>
 
 ### How can I sponsor?