updates

packages/website/data/news/premium-accounts/index.md

@@ -2,9 +2,9 @@
 title: "Skynet Introduces Premium Accounts, Sets the Foundation for New Creator Economies"
 date: "2021-03-22"
 description: "Premium accounts support creators while giving users up to 20 TB of data storage per month and other perks."
-author: "Manasi Vora"
+author: "Skynet Labs Inc"
 categories: ["press release"]
-avatar: "../../team/manasi-vora.png"
+avatar: "../images/skynet-avatar.png"
 thumbnail: "../images/press-release.png"
 ---
 

packages/website/src/components/CommunitySection/CommunitySection.js

@@ -39,7 +39,7 @@ const CommunitySection = () => {
   };
 
   return (
-    <div className="grid gap-y-12 desktop:grid-cols-3 desktop:gap-x-8">
+    <div className="grid gap-y-12 desktop:grid-cols-3 desktop:gap-x-8 max-w-column desktop:max-w-full">
       <div>
         <SectionHeader>Newsletter</SectionHeader>
         <SectionTitle>Stay up to date</SectionTitle>
@@ -84,7 +84,7 @@ const CommunitySection = () => {
           {complete && message && (
             <div
               className={classnames(
-                "newsletter-message text-center py-2 px-4 rounded bg-palette-600 font-semibold font-content",
+                "newsletter-message text-left desktop:text-center py-2 px-4 rounded bg-palette-600 font-semibold font-content text-white",
                 {
                   "text-error": !success,
                 }

packages/website/src/components/Layout/Layout.js

@@ -34,7 +34,7 @@ const FixedHeader = ({ uri }) => {
   return (
     <div ref={ref} className="fixed inset-x-0 top-0 z-50">
       <NewsHeader />
-      <Navigation mode={mode} />
+      <Navigation mode={mode} uri={uri} />
     </div>
   );
 };

packages/website/src/components/Navigation/Navigation.js

@@ -22,7 +22,7 @@ const useWindowTop = () => {
   return y <= 0;
 };
 
-const Navigation = ({ mode }) => {
+const Navigation = ({ mode, uri }) => {
   const navRef = React.useRef(null);
   const [open, setOpen] = React.useState(false);
   const windowSize = useWindowSize();
@@ -30,7 +30,7 @@ const Navigation = ({ mode }) => {
 
   React.useEffect(() => {
     setOpen(false);
-  }, [windowSize, setOpen]);
+  }, [windowSize, setOpen, uri]);
 
   React.useEffect(() => {
     if (open && document.body.style.overflow !== "hidden") {
@@ -145,6 +145,7 @@ const Navigation = ({ mode }) => {
 
 Navigation.propTypes = {
   mode: PropTypes.oneOf(["dark", "light"]),
+  uri: PropTypes.string,
 };
 
 Navigation.defaultProps = {

packages/website/src/pages/about.js

@@ -266,7 +266,7 @@ const AboutPage = ({ ...props }) => {
         <SectionTitleCaption>Investors</SectionTitleCaption>
         <SectionTitle>Support for the Skynet Vision</SectionTitle>
 
-        <div className="grid grid-cols-2 gap-4 desktop:grid-cols-4">
+        <div className="grid grid-cols-2 gap-4 desktop:grid-cols-4 mt-20">
           {investors.map(({ name, image }) => (
             <GatsbyImage key={name} image={getImage(image)} alt={name} />
           ))}

packages/website/src/pages/developers.js

@@ -94,7 +94,8 @@ const DevelopersPage = () => (
       <div className="flex flex-col desktop:flex-row desktop:space-y-0 space-y-12 desktop:space-x-12">
         <div className="space-y-12 desktop:w-1/2 desktop:text-right">
           <h1 className="text-white">
-            Decentralized Apps with speed, confidence, and <span className="text-primary underline">usability</span>
+            Decentralized Apps with speed, confidence, and{" "}
+            <span className="text-primary underline-white">usability</span>
           </h1>
 
           <ul className="space-y-2">