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
This commit is contained in:
Toni Babenko
committed by
Facebook GitHub Bot
Facebook GitHub Bot
parent
cb74386b13
commit
d6b852d435
@@ -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 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 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>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user