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