From d6b852d43552b4a60a2380276a39546b90c439b3 Mon Sep 17 00:00:00 2001
From: Toni Babenko <babenko@meta.com>
Date: Mon, 22 May 2023 11:47:49 -0700
Subject: [PATCH] Remove broken img from the main page

Summary:
There's a picture with a broken link in the hero section:
{F999641292}

I checked a list of existing static images and found one which was on this place before: https://fburl.com/code/yh73399d. But the image no longer align with others, since it has low resolution and an old version of the Flipper interface, so I decided to simply remove the broken image from the page.

Reviewed By: passy

Differential Revision: D46074714

fbshipit-source-id: 186b17b9b992f123fc667c701b4f49d9e3cbbb2d
---
 website/src/pages/index.js | 368 ++++++++++++++++++-------------------
 1 file changed, 182 insertions(+), 186 deletions(-)

diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index b7f0ccfb9..b19074437 100644
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -7,190 +7,186 @@
  * @format
  */
 
-import React from 'react';
-import Layout from '@theme/Layout';
-import useBaseUrl from '@docusaurus/useBaseUrl';
-import {usePluginData} from '@docusaurus/useGlobalData';
-import {FbInternalOnly, OssOnly} from 'docusaurus-plugin-internaldocs-fb/internal';
+ import React from 'react';
+ import Layout from '@theme/Layout';
+ import useBaseUrl from '@docusaurus/useBaseUrl';
+ import {usePluginData} from '@docusaurus/useGlobalData';
+ import {FbInternalOnly, OssOnly} from 'docusaurus-plugin-internaldocs-fb/internal';
 
-export default function Index() {
-  return (
-    <Layout title="Extensible mobile app debugger">
-      <div>
-        <div className="splash">
-          <div className="content">
-            <h1>Extensible mobile app&nbsp;debugger</h1>
-            <h2>
-              Flipper is a platform for debugging iOS, Android and React Native
-              apps. Visualize, inspect, and control your apps from a simple
-              desktop interface. Use Flipper as is or extend it using the plugin
-              API.
-            </h2>
-            <FbInternalOnly>
-              <div>
-                <p className="landing-btn landing-btn-left landing-btn-label">
-                  Download
-                </p>
-                <a
-                  className="landing-btn landing-btn-middle primary"
-                  target="_top"
-                  href="munki://detail-Flipper">
-                  Mac
-                </a>
-                <a
-                  className="landing-btn landing-btn-middle primary"
-                  target="_top"
-                  href="https://fburl.com/flipper-linux-download">
-                  Linux (Beta)
-                </a>
-                <a
-                  className="landing-btn landing-btn-right primary"
-                  target="_top"
-                  href="https://fburl.com/flipper-windows-download">
-                  Windows (Beta)
-                </a>
-                <a
-                  className="landing-btn"
-                  href={useBaseUrl('docs/features')}>
-                  Learn more
-                </a>
-              </div>
-            </FbInternalOnly>
-            <OssOnly>
-              <div>
-                <p className="landing-btn landing-btn-left landing-btn-label">
-                  Download
-                </p>
-                <a
-                  className="landing-btn landing-btn-middle primary"
-                  href="https://www.facebook.com/fbflipper/public/mac">
-                  Mac
-                </a>
-                <a
-                  className="landing-btn landing-btn-middle primary"
-                  href="https://www.facebook.com/fbflipper/public/linux">
-                  Linux
-                </a>
-                <a
-                  className="landing-btn landing-btn-right primary"
-                  href="https://www.facebook.com/fbflipper/public/windows">
-                  Windows
-                </a>
-                <a
-                  className="landing-btn"
-                  href={useBaseUrl('docs/features')}>
-                  Learn more
-                </a>
-              </div>
-            </OssOnly>
-            <div className="slideshow">
-              <img src={useBaseUrl('img/logs.png')} className="splashScreen" />
-              <img
-                src={useBaseUrl('img/layout.png')}
-                className="splashScreen"
-              />
-              <img
-                src={useBaseUrl('img/network.png')}
-                className="splashScreen"
-              />
-              <img
-                src={useBaseUrl('img/crashreporterplugin.png')}
-                className="splashScreen"
-              />
-            </div>
-            <div className="shadow" />
-          </div>
-        </div>
-        <div className="content row">
-          <div className="col">
-            <img
-              src={useBaseUrl('img/inspector.png')}
-              srcSet={`${useBaseUrl('img/inspector.png')} 1x, ${useBaseUrl(
-                'img/inspector@2x.png',
-              )} 2x`}
-            />
-          </div>
-          <div className="col">
-            <h4>Tools</h4>
-            <h3>Mobile development</h3>
-            <p>
-              Flipper aims to be your number one companion for mobile app
-              development on iOS and Android. Therefore, we provide a bunch of
-              useful tools including a log viewer, interactive layout inspector,
-              and network inspector.
-            </p>
-            <a className="learnmore" href={useBaseUrl('docs/features')}>
-              Learn more
-            </a>
-          </div>
-        </div>
-        <div className="content row">
-          <div className="col">
-            <h4>Plugins</h4>
-            <h3>Extending Flipper</h3>
-            <p>
-              Flipper is built as a platform. In addition to using the tools
-              already included, you can create your own plugins to visualize and
-              debug data from your mobile apps. Flipper takes care of sending
-              data back and forth, calling functions, and listening for events
-              on the mobile app.
-            </p>
-            <a className="learnmore" href={useBaseUrl('docs/extending')}>
-              Learn more
-            </a>
-          </div>
-          <div className="col center">
-            <img
-              src={useBaseUrl('img/FlipperKit.png')}
-              srcSet={`${useBaseUrl('img/FlipperKit.png')} 1x, ${useBaseUrl(
-                'img/FlipperKit@2x.png',
-              )} 2x`}
-            />
-          </div>
-        </div>
-        <div className="content row">
-          <div className="col">
-            <img
-              src={useBaseUrl('img/plugins.png')}
-              srcSet={`${useBaseUrl('img/plugins.png')} 1x, ${useBaseUrl(
-                'img/plugins@2x.png',
-              )} 2x`}
-            />
-          </div>
-          <div className="col">
-            <h4>Open Source</h4>
-            <h3>Contributing to Flipper</h3>
-            <p>
-              Both Flipper's desktop app and native mobile SDKs are open-source
-              and MIT licensed. This enables you to see and understand how we
-              are building plugins, and of course join the community and help
-              improve Flipper. We are excited to see what you will build on this
-              platform.
-            </p>
-            <a
-              className="learnmore"
-              href="https://github.com/facebook/flipper"
-              target="_blank">
-              Explore the source on GitHub
-            </a>
-          </div>
-        </div>
-        <div className="wrapper landing-cta">
-          <a
-            href={useBaseUrl('docs/getting-started')}
-            className="landing-btn primary">
-            Integrate Flipper In Your App
-          </a>
-          <OssOnly>
-            <a
-              href="https://www.facebook.com/fbflipper/public/mac"
-              target="_blank"
-              className="landing-btn">
-              Download Flipper
-            </a>
-          </OssOnly>
-        </div>
-      </div>
-    </Layout>
-  );
-}
+ export default function Index() {
+   return (
+     <Layout title="Extensible mobile app debugger">
+       <div>
+         <div className="splash">
+           <div className="content">
+             <h1>Extensible mobile app&nbsp;debugger</h1>
+             <h2>
+               Flipper is a platform for debugging iOS, Android and React Native
+               apps. Visualize, inspect, and control your apps from a simple
+               desktop interface. Use Flipper as is or extend it using the plugin
+               API.
+             </h2>
+             <FbInternalOnly>
+               <div>
+                 <p className="landing-btn landing-btn-left landing-btn-label">
+                   Download
+                 </p>
+                 <a
+                   className="landing-btn landing-btn-middle primary"
+                   target="_top"
+                   href="munki://detail-Flipper">
+                   Mac
+                 </a>
+                 <a
+                   className="landing-btn landing-btn-middle primary"
+                   target="_top"
+                   href="https://fburl.com/flipper-linux-download">
+                   Linux (Beta)
+                 </a>
+                 <a
+                   className="landing-btn landing-btn-right primary"
+                   target="_top"
+                   href="https://fburl.com/flipper-windows-download">
+                   Windows (Beta)
+                 </a>
+                 <a
+                   className="landing-btn"
+                   href={useBaseUrl('docs/features')}>
+                   Learn more
+                 </a>
+               </div>
+             </FbInternalOnly>
+             <OssOnly>
+               <div>
+                 <p className="landing-btn landing-btn-left landing-btn-label">
+                   Download
+                 </p>
+                 <a
+                   className="landing-btn landing-btn-middle primary"
+                   href="https://www.facebook.com/fbflipper/public/mac">
+                   Mac
+                 </a>
+                 <a
+                   className="landing-btn landing-btn-middle primary"
+                   href="https://www.facebook.com/fbflipper/public/linux">
+                   Linux
+                 </a>
+                 <a
+                   className="landing-btn landing-btn-right primary"
+                   href="https://www.facebook.com/fbflipper/public/windows">
+                   Windows
+                 </a>
+                 <a
+                   className="landing-btn"
+                   href={useBaseUrl('docs/features')}>
+                   Learn more
+                 </a>
+               </div>
+             </OssOnly>
+             <div className="slideshow">
+               <img src={useBaseUrl('img/logs.png')} className="splashScreen" />
+               <img
+                 src={useBaseUrl('img/network.png')}
+                 className="splashScreen"
+               />
+               <img
+                 src={useBaseUrl('img/crashreporterplugin.png')}
+                 className="splashScreen"
+               />
+             </div>
+             <div className="shadow" />
+           </div>
+         </div>
+         <div className="content row">
+           <div className="col">
+             <img
+               src={useBaseUrl('img/inspector.png')}
+               srcSet={`${useBaseUrl('img/inspector.png')} 1x, ${useBaseUrl(
+                 'img/inspector@2x.png',
+               )} 2x`}
+             />
+           </div>
+           <div className="col">
+             <h4>Tools</h4>
+             <h3>Mobile development</h3>
+             <p>
+               Flipper aims to be your number one companion for mobile app
+               development on iOS and Android. Therefore, we provide a bunch of
+               useful tools including a log viewer, interactive layout inspector,
+               and network inspector.
+             </p>
+             <a className="learnmore" href={useBaseUrl('docs/features')}>
+               Learn more
+             </a>
+           </div>
+         </div>
+         <div className="content row">
+           <div className="col">
+             <h4>Plugins</h4>
+             <h3>Extending Flipper</h3>
+             <p>
+               Flipper is built as a platform. In addition to using the tools
+               already included, you can create your own plugins to visualize and
+               debug data from your mobile apps. Flipper takes care of sending
+               data back and forth, calling functions, and listening for events
+               on the mobile app.
+             </p>
+             <a className="learnmore" href={useBaseUrl('docs/extending')}>
+               Learn more
+             </a>
+           </div>
+           <div className="col center">
+             <img
+               src={useBaseUrl('img/FlipperKit.png')}
+               srcSet={`${useBaseUrl('img/FlipperKit.png')} 1x, ${useBaseUrl(
+                 'img/FlipperKit@2x.png',
+               )} 2x`}
+             />
+           </div>
+         </div>
+         <div className="content row">
+           <div className="col">
+             <img
+               src={useBaseUrl('img/plugins.png')}
+               srcSet={`${useBaseUrl('img/plugins.png')} 1x, ${useBaseUrl(
+                 'img/plugins@2x.png',
+               )} 2x`}
+             />
+           </div>
+           <div className="col">
+             <h4>Open Source</h4>
+             <h3>Contributing to Flipper</h3>
+             <p>
+               Both Flipper's desktop app and native mobile SDKs are open-source
+               and MIT licensed. This enables you to see and understand how we
+               are building plugins, and of course join the community and help
+               improve Flipper. We are excited to see what you will build on this
+               platform.
+             </p>
+             <a
+               className="learnmore"
+               href="https://github.com/facebook/flipper"
+               target="_blank">
+               Explore the source on GitHub
+             </a>
+           </div>
+         </div>
+         <div className="wrapper landing-cta">
+           <a
+             href={useBaseUrl('docs/getting-started')}
+             className="landing-btn primary">
+             Integrate Flipper In Your App
+           </a>
+           <OssOnly>
+             <a
+               href="https://www.facebook.com/fbflipper/public/mac"
+               target="_blank"
+               className="landing-btn">
+               Download Flipper
+             </a>
+           </OssOnly>
+         </div>
+       </div>
+     </Layout>
+   );
+ }