Bump next from 10.2.3 to 11.0.1

components/footer.js

@@ -14,7 +14,12 @@ export default function Footer() {
           }
 
           .footer-logo {
-            margin: 20px 0 50px;
+            margin: 24px 0 50px;
+          }
+
+          .copyright {
+            display: block;
+            padding-bottom: 26px;
           }
 
           .footer a {
@@ -54,7 +59,7 @@ export default function Footer() {
           }
         `}
       </style>
-      <span>&copy; OctoLinker 2019</span>
+      <span className="copyright">&copy; OctoLinker 2019-Present</span>
       <Link href="/privacy">
         <a>Privacy</a>
       </Link>

components/howItWorks.js

@@ -58,7 +58,7 @@ export default function HowItWorks() {
           <p>
             Relative file references are resolved through the GitHub tree API in
             your browser. External dependencies are resolved using the{" "}
-            <a href="https://octolinker.now.sh/">OctoLinker API</a>.{" "}
+            <a href="https://github.com/OctoLinker/api">OctoLinker API</a>.{" "}
           </p>
           <p>
             Only the name of a dependency along with the registry type is sent

components/install.js

@@ -1,5 +1,5 @@
 import dynamic from 'next/dynamic';
-
+import Image from 'next/image';
 const InstallButton = dynamic(import ('./installButton'),{ssr:false});
 
 export default function Install() {
@@ -18,46 +18,62 @@ export default function Install() {
             padding-left: 1em;
           }
         }
+
+        .logos {
+          display: flex;
+          gap: 12px;
+          margin-top: 12px;
+        }
+
+        @media only screen and (min-width: 768px) {
+          .logos {
+            justify-content: center;
+          }
+        }
       `}</style>
       <p>
-        OctoLinker is a browser extension and available on{" "}
-        <a
-          href="https://chrome.google.com/webstore/detail/octo-linker/jlmafbaeoofdegohdhinkhilhclaklkp"
-          onClick={function() { window.plausible("install: chrome")}}
-          rel="nofollow"
-        >
-          <nobr>Chrome Web Store</nobr>
-        </a>
-        ,{" "}
-        <a
-          href="https://addons.mozilla.org/en-US/firefox/addon/octolinker/"
-          onClick={function() { window.plausible("install: mozilla")}}
-          rel="nofollow"
-        >
-          <nobr>Mozilla Add-ons Store</nobr>
-        </a>
-        ,{" "}
-        <a
-          href="https://microsoftedge.microsoft.com/addons/detail/lbbanfffjfmfdahnfbklminikafhcjjb"
-          onClick={function() { window.plausible("install: edge")}}
-          rel="nofollow"
-        >
-          <nobr>Microsoft Store</nobr>
-        </a>
-        {" and "}
-        <a
-          href="https://addons.opera.com/en/extensions/details/octolinker/"
-          onClick={function() { window.plausible("install: opera")}}
-          rel="nofollow"
-        >
-          <nobr>Opera Add-ons Store</nobr>
-        </a>.
-        <br />
-        Install and enhance your GitHub experience.
+        OctoLinker is a browser extension.         Install and enhance your GitHub experience.
+        <div className="logos">
+          <a
+            href="https://chrome.google.com/webstore/detail/octo-linker/jlmafbaeoofdegohdhinkhilhclaklkp"
+            onClick={function() { window.plausible("install: chrome")}}
+            rel="nofollow"
+          >
+            <Image alt="Chrome Web Store" src="/static/chrome.png" width="48" height="48" />
+          </a>
+          <a
+            href="https://addons.mozilla.org/en-US/firefox/addon/octolinker/"
+            onClick={function() { window.plausible("install: mozilla")}}
+            rel="nofollow"
+          >
+            <Image alt="Mozilla Add-ons Store" src="/static/firefox.png" width="48" height="48" />
+          </a>
+          <a
+            href="https://apps.apple.com/app/octolinker/id1549308269"
+            onClick={function() { window.plausible("install: safari")}}
+            rel="nofollow"
+          >
+            <Image alt="Mac App Store" src="/static/safari.png" width="48" height="48" />
+          </a>
+          <a
+            href="https://microsoftedge.microsoft.com/addons/detail/lbbanfffjfmfdahnfbklminikafhcjjb"
+            onClick={function() { window.plausible("install: edge")}}
+            rel="nofollow"
+          >
+            <Image alt="Microsoft Store" src="/static/edge.png" width="48" height="48" />
+          </a>
+          <a
+            href="https://addons.opera.com/en/extensions/details/octolinker/"
+            onClick={function() { window.plausible("install: opera")}}
+            rel="nofollow"
+          >
+            <Image alt="Opera Add-ons Store" src="/static/opera.png" width="48" height="48" />
+          </a>
+        </div>
       </p>
       <InstallButton />
       <div className="install-count">
-        <small>Trusted by over 25,000 developers</small>
+        <small>Trusted by over 30,000 developers</small>
       </div>
     </>
   );

components/installButton.js

@@ -23,6 +23,11 @@ export default function Install({ children, compact }) {
       eventName: 'install: edge',
       text: "Install for Microsoft Edge",
       url: "https://microsoftedge.microsoft.com/addons/detail/lbbanfffjfmfdahnfbklminikafhcjjb"
+    },
+    'safari': {
+      eventName: 'install: safari',
+      text: "Install for Safari",
+      url: "https://apps.apple.com/app/octolinker/id1549308269"
     }
   };
 

components/languages.js

@@ -40,6 +40,7 @@ export default function Languages() {
         <LanguageBox image="static/php.png" label="PHP" />
         <LanguageBox image="static/npm.png" label="npm" />
         <LanguageBox image="static/python.png" label="python" />
+        <LanguageBox image="static/rlang.png" label="Rlang" />
         <LanguageBox image="static/ruby.png" label="Ruby" />
         <LanguageBox image="static/rubygems.png" label="RubyGems" />
         <LanguageBox image="static/rust.png" label="Rust" />

components/sponsors.js

@@ -67,7 +67,7 @@ export default function Sponsors() {
           </p>
         </div>
         <div>
-          <a href="https://redisgreen.net">
+          <a href="https://www.redisgreen.com">
             <div
               className="octofriends"
               style={{
@@ -80,7 +80,7 @@ export default function Sponsors() {
           </a>
           <p>
             We leverage{" "}
-            <a href="https://redisgreen.net">
+            <a href="https://www.redisgreen.com">
               RedisGreen
             </a>{" "}
             high performance as a caching layer to reduce network calls to

components/tweets.js

@@ -101,22 +101,13 @@ export default function Tweets() {
           </blockquote>
         </HideOnMobile>
         <HideOnMobile>
-          <blockquote
-            className="twitter-tweet"
-            data-cards="hidden"
-            data-lang="en"
-          >
+          <blockquote className="twitter-tweet">
             <p lang="en" dir="ltr">
-              How did I go all these years without coming across{" "}
-              <a href="https://twitter.com/OctoLinker?ref_src=twsrc%5Etfw">
-                @OctoLinker
-              </a>{" "}
-              extension for GitHub? Essential.{" "}
-              <a href="https://t.co/3wT8rwaPch">https://t.co/3wT8rwaPch</a>
+              Hey people who use Javascript, Ruby, GitHub and Google Chrome: <a href="https://twitter.com/OctoLinker?ref_src=twsrc%5Etfw">@OctoLinker</a> is your friend.
             </p>
-            &mdash; Steve Wu (@stevenwu){" "}
-            <a href="https://twitter.com/stevenwu/status/1090020371619766272?ref_src=twsrc%5Etfw">
-              January 28, 2019
+            &mdash; Zeke Sikelianos (@zeke)
+            <a href="https://twitter.com/zeke/status/732087395445661696?ref_src=twsrc%5Etfw">
+              May 16, 2016
             </a>
           </blockquote>
         </HideOnMobile>