Skip to content

Instantly share code, notes, and snippets.

@zpao
Created May 3, 2018 18:51
Show Gist options
  • Save zpao/75d4cb92b16cf2d96c7eb14f5824583b to your computer and use it in GitHub Desktop.
Save zpao/75d4cb92b16cf2d96c7eb14f5824583b to your computer and use it in GitHub Desktop.
diff --git a/opensource.html b/opensource.html
index 043dd2c..27382bf 100644
--- a/opensource.html
+++ b/opensource.html
@@ -100,14 +100,14 @@
<div id="trending" class="project-group">
<div class="container">
<div class="group-content">
- <h2>trending</h2>
+ <h2>Trending</h2>
<div class="column-wrapper">
<div class="three-col filtered">
<div class="icon-box"><a href="https://github.com/facebook/hhvm" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/hhvm.svg" alt="HHVM logo"></span></span></a></div>
<h3>HHVM</h3>
<p>A virtual machine for executing programs written in Hack.</p><a href="https://github.com/facebook/hhvm" target="_blank" class="github-link">GitHub</a></div>
<div class="three-col filtered">
- <div class="icon-box"><a href="https://github.com/facebook/react" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/React_Icon.svg" alt="Icon_box"></span></span></a></div>
+ <div class="icon-box"><a href="https://github.com/facebook/react" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/React_Icon.svg" alt="React logo"></span></span></a></div>
<h3>React</h3>
<p>A declarative, efficient, and flexible JavaScript library for building user interfaces.</p><a href="https://github.com/facebook/react" target="_blank" class="github-link">GitHub</a></div>
<div class="three-col filtered">
@@ -122,10 +122,10 @@
<div id="android" class="project-group">
<div class="container">
<div class="group-content">
- <h2>android</h2>
+ <h2>Android</h2>
<div class="column-wrapper">
<div class="three-col filtered">
- <div class="icon-box"><a href="https://github.com/facebook/react-native" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/React_Native.svg" alt="React Native logo"></span></span></a></div>
+ <div class="icon-box"><a href="https://github.com/facebook/react-native" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/react_native.svg" alt="React Native logo"></span></span></a></div>
<h3>React Native</h3>
<p>A framework for building native apps with React.</p><a href="https://github.com/facebook/react-native" target="_blank" class="github-link">GitHub</a></div>
<div class="three-col filtered">
@@ -139,13 +139,14 @@
<div class="three-col filtered">
<div class="icon-box"><a href="https://github.com/facebook/yoga" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/yoga.svg" alt="Yoga logo"></span></span></a></div>
<h3>Yoga</h3>
- <p>Yoga is a cross-platform layout engine which implements Flexbox. Follow <a href="https://twitter.com/yogalayout" target="_blank">https://twitter.com/yogalayout</a> for updates.</p><a href="https://github.com/facebook/yoga" target="_blank" class="github-link">GitHub</a></div>
+ <p>Yoga is a cross-platform layout engine which implements Flexbox. Follow <a href="https://twitter.com/yogalayout" target="_blank">https://twitter.com/yogalayout</a> for updates.</p><a href="https://github.com/facebook/yoga" target="_blank"
+ class="github-link">GitHub</a></div>
<div class="three-col filtered">
- <div class="icon-box"><a href="https://github.com/facebook/stetho/" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/stetho.svg" alt="Stetho logo"></span></span></a></div>
+ <div class="icon-box"><a href="https://github.com/facebook/stetho" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/stetho.svg" alt="Stetho logo"></span></span></a></div>
<h3>Stetho</h3>
- <p>Stetho is a debug bridge for Android applications, enabling the powerful Chrome Developer Tools and much more.</p><a href="https://github.com/facebook/stetho/" target="_blank" class="github-link">GitHub</a></div>
+ <p>Stetho is a debug bridge for Android applications, enabling the powerful Chrome Developer Tools and much more.</p><a href="https://github.com/facebook/stetho" target="_blank" class="github-link">GitHub</a></div>
<div class="three-col filtered">
- <div class="icon-box"><a href="https://github.com/facebook/infer" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/infer.png" alt="Infer logo"></span></span></a></div>
+ <div class="icon-box"><a href="https://github.com/facebook/infer" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/infer.svg" alt="Infer logo"></span></span></a></div>
<h3>Infer</h3>
<p>A static analyzer for Java, C, C++, and Objective-C.</p><a href="https://github.com/facebook/infer" target="_blank" class="github-link">GitHub</a></div>
<div class="three-col filtered">
@@ -172,7 +173,7 @@
<div id="artificial" class="project-group">
<div class="container">
<div class="group-content">
- <h2>artificial intelligence</h2>
+ <h2>Artificial Intelligence</h2>
<div class="column-wrapper">
<div class="three-col filtered">
<div class="icon-box"><a href="https://github.com/facebookresearch/fastText" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/fasttext.svg" alt="FastText logo"></span></span></a></div>
@@ -191,9 +192,9 @@
<h3>Prophet</h3>
<p>Tool for producing high quality forecasts for time series data that has multiple seasonality with linear or non-linear growth.</p><a href="https://github.com/facebook/prophet" target="_blank" class="github-link">GitHub</a></div>
<div class="three-col filtered">
- <div class="icon-box"><a href="https://github.com/facebookresearch/TensorComprehensions/" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/Tensor_Comprehensions_Icon_100x100px.svg" alt="Tensor Comprehensions logo"></span></span></a></div>
+ <div class="icon-box"><a href="https://github.com/facebookresearch/TensorComprehensions" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/Tensor_Comprehensions_Icon_100x100px.svg" alt="Tensor Comprehensions logo"></span></span></a></div>
<h3>Tensor Comprehensions</h3>
- <p>A domain specific language to express machine learning workloads.</p><a href="https://github.com/facebookresearch/TensorComprehensions/" target="_blank" class="github-link">GitHub</a></div>
+ <p>A domain specific language to express machine learning workloads.</p><a href="https://github.com/facebookresearch/TensorComprehensions" target="_blank" class="github-link">GitHub</a></div>
<div class="three-col filtered">
<div class="icon-box"><a href="https://github.com/onnx" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/Onnx_Icon_100x100px.svg" alt="ONNX logo"></span></span></a></div>
<h3>ONNX</h3>
@@ -210,10 +211,10 @@
<div id="data" class="project-group">
<div class="container">
<div class="group-content">
- <h2>data infrastructure</h2>
+ <h2>Data Infrastructure</h2>
<div class="column-wrapper">
<div class="three-col filtered">
- <div class="icon-box"><a href="https://github.com/facebook/rocksdb" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/RocksDB_Icon.svg" alt="RocksDB"></span></span></a></div>
+ <div class="icon-box"><a href="https://github.com/facebook/rocksdb" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/RocksDB_Icon.svg" alt="RocksDB logo"></span></span></a></div>
<h3>RocksDB</h3>
<p>A library that provides an embeddable, persistent key-value store for fast storage.</p><a href="https://github.com/facebook/rocksdb" target="_blank" class="github-link">GitHub</a></div>
<div class="three-col filtered">
@@ -232,7 +233,7 @@
<div id="development" class="project-group">
<div class="container">
<div class="group-content">
- <h2>development tools</h2>
+ <h2>Development Tools</h2>
<div class="column-wrapper">
<div class="three-col filtered">
<div class="icon-box"><a href="https://github.com/facebook/immutable-js" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/immutable.png" alt="Immutable.js logo"></span></span></a></div>
@@ -267,11 +268,11 @@
<h3>Proxygen</h3>
<p>A collection of C++ HTTP libraries including an easy to use HTTP server.</p><a href="https://github.com/facebook/proxygen" target="_blank" class="github-link">GitHub</a></div>
<div class="three-col filtered">
- <div class="icon-box"><a href="https://github.com/graphql/graphiql" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/GraphQL_Icon.svg" alt="GraphQL logo"></span></span></a></div>
+ <div class="icon-box"><a href="https://github.com/graphql/graphiql" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/GraphQL_Icon.svg" alt="GraphiQL logo"></span></span></a></div>
<h3>GraphiQL</h3>
<p>An in-browser IDE for exploring GraphQL.</p><a href="https://github.com/graphql/graphiql" target="_blank" class="github-link">GitHub</a></div>
<div class="three-col filtered">
- <div class="icon-box"><a href="https://github.com/facebook/jest" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/jest.png" alt="Jest logo"></span></span></a></div>
+ <div class="icon-box"><a href="https://github.com/facebook/jest" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/jest.svg" alt="Jest logo"></span></span></a></div>
<h3>Jest</h3>
<p>Delightful JavaScript Testing.</p><a href="https://github.com/facebook/jest" target="_blank" class="github-link">GitHub</a></div>
<div class="three-col filtered">
@@ -302,7 +303,7 @@
<div id="frontend" class="project-group">
<div class="container">
<div class="group-content">
- <h2>frontend</h2>
+ <h2>Frontend</h2>
<div class="column-wrapper">
<div class="three-col filtered">
<div class="icon-box"><a href="https://github.com/facebook/react" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/React_Icon.svg" alt="React logo"></span></span></a></div>
@@ -311,7 +312,7 @@
<div class="three-col filtered">
<div class="icon-box"><a href="https://github.com/facebook/create-react-app" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/React_Icon.svg" alt="Create React App logo"></span></span></a></div>
<h3>Create React App</h3>
- <p>Create React apps with no build configuration.</p><a href="https://github.com/facebook/create-react-app" target="_blank" class="github-link">Github</a></div>
+ <p>Create React apps with no build configuration.</p><a href="https://github.com/facebook/create-react-app" target="_blank" class="github-link">GitHub</a></div>
<div class="three-col filtered">
<div class="icon-box"><a href="https://github.com/facebook/jest" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/jest.svg" alt="Jest logo"></span></span></a></div>
<h3>Jest</h3>
@@ -327,7 +328,8 @@
<div class="three-col filtered">
<div class="icon-box"><a href="https://github.com/facebook/yoga" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/yoga.svg" alt="Yoga logo"></span></span></a></div>
<h3>Yoga</h3>
- <p>Yoga is a cross-platform layout engine which implements Flexbox. Follow <a href="https://twitter.com/yogalayout" target="_blank">https://twitter.com/yogalayout</a> for updates.</p><a href="https://github.com/facebook/yoga" target="_blank" class="github-link">GitHub</a></div>
+ <p>Yoga is a cross-platform layout engine which implements Flexbox. Follow <a href="https://twitter.com/yogalayout" target="_blank">https://twitter.com/yogalayout</a> for updates.</p><a href="https://github.com/facebook/yoga" target="_blank"
+ class="github-link">GitHub</a></div>
<div class="three-col filtered">
<div class="icon-box"><a href="https://github.com/facebook/prepack" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/Prepack_Icon.svg" alt="Prepack logo"></span></span></a></div>
<h3>Prepack</h3>
@@ -341,7 +343,7 @@
<h3>Relay</h3>
<p>Relay is a JavaScript framework for building data-driven React applications.</p><a href="https://github.com/facebook/relay" target="_blank" class="github-link">GitHub</a></div>
<div class="three-col filtered">
- <div class="icon-box"><a href="https://github.com/graphql/graphql-js" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/GraphQL_Icon.svg" alt="GraphQL logo"></span></span></a></div>
+ <div class="icon-box"><a href="https://github.com/graphql/graphql-js" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/GraphQL_Icon.svg" alt="Graphql-js logo"></span></span></a></div>
<h3>Graphql-js</h3>
<p>A reference implementation of GraphQL for JavaScript.</p><a href="https://github.com/graphql/graphql-js" target="_blank" class="github-link">GitHub</a></div>
<div class="three-col filtered">
@@ -349,8 +351,8 @@
<h3>React 360<span class="metadata">vr, virtual reality</span></h3>
<p>Create amazing 360 and VR content using React.</p><a href="https://github.com/facebook/react-360" target="_blank" class="github-link">GitHub</a></div>
<div class="three-col filtered">
- <div class="icon-box"><a href="https://github.com/facebook/react-devtools" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/React_Icon.svg" alt="React-devtools logo"></span></span></a></div>
- <h3>React-devtools</h3>
+ <div class="icon-box"><a href="https://github.com/facebook/react-devtools" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/React_Icon.svg" alt="React Devtools logo"></span></span></a></div>
+ <h3>React Devtools</h3>
<p>An extension that allows inspection of React component hierarchy in the Chrome and Firefox Developer Tools.</p><a href="https://github.com/facebook/react-devtools" target="_blank" class="github-link">GitHub</a></div>
</div>
</div>
@@ -360,7 +362,7 @@
<div id="ios" class="project-group">
<div class="container">
<div class="group-content">
- <h2>ios</h2>
+ <h2>iOS</h2>
<div class="column-wrapper">
<div class="three-col filtered">
<div class="icon-box"><a href="https://github.com/facebook/react-native" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/react_native.svg" alt="React Native logo"></span></span></a></div>
@@ -375,23 +377,24 @@
<h3>Chisel</h3>
<p>Chisel is a collection of LLDB commands to assist debugging iOS apps.</p><a href="https://github.com/facebook/chisel" target="_blank" class="github-link">GitHub</a></div>
<div class="three-col filtered">
- <div class="icon-box"><a href="https://github.com/facebook/pop" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/pop.png" alt="Pop logo"></span></span></a></div>
+ <div class="icon-box"><a href="https://github.com/facebook/pop" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/pop.svg" alt="Pop logo"></span></span></a></div>
<h3>Pop</h3>
<p>An extensible iOS and OS X animation library, useful for physics-based interactions.</p><a href="https://github.com/facebook/pop" target="_blank" class="github-link">GitHub</a></div>
<div class="three-col filtered">
<div class="icon-box"><a href="https://github.com/fbsamples/f8app" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/F8.png" alt="F8 App logo"></span></span></a></div>
<h3>F8 App</h3>
- <p>Source code of the official F8 App of 2017, powered by React Native and other Facebook open source projects.</p><a href="https://github.com/fbsamples/f8app" class="github-link">GitHub</a></div>
+ <p>Source code of the oficial F8 app of 2017, powered by React Native and other Facebook open source projects.</p><a href="https://github.com/fbsamples/f8app" target="_blank" class="github-link">GitHub</a></div>
<div class="three-col filtered">
<div class="icon-box"><a href="https://github.com/facebook/yoga" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/yoga.svg" alt="Yoga logo"></span></span></a></div>
<h3>Yoga</h3>
- <p>Yoga is a cross-platform layout engine which implements Flexbox. Follow <a href="https://twitter.com/yogalayout" target="_blank">https://twitter.com/yogalayout</a> for updates.</p><a href="https://github.com/facebook/yoga" target="_blank" class="github-link">GitHub</a></div>
+ <p>Yoga is a cross-platform layout engine which implements Flexbox. Follow <a href="https://twitter.com/yogalayout" target="_blank">https://twitter.com/yogalayout</a> for updates.</p><a href="https://github.com/facebook/yoga" target="_blank"
+ class="github-link">GitHub</a></div>
<div class="three-col filtered">
<div class="icon-box"><a href="https://github.com/facebook/Shimmer" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/shimmer.svg" alt="Shimmer logo"></span></span></a></div>
<h3>Shimmer</h3>
<p>An easy way to add a simple, shimmering effect to any view in an iOS app.</p><a href="https://github.com/facebook/Shimmer" target="_blank" class="github-link">GitHub</a></div>
<div class="three-col filtered">
- <div class="icon-box"><a href="https://github.com/facebook/infer" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/infer.png" alt="Infer logo"></span></span></a></div>
+ <div class="icon-box"><a href="https://github.com/facebook/infer" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/infer.svg" alt="Infer logo"></span></span></a></div>
<h3>Infer</h3>
<p>A static analyzer for Java, C, C++, and Objective-C.</p><a href="https://github.com/facebook/infer" target="_blank" class="github-link">GitHub</a></div>
<div class="three-col filtered">
@@ -426,7 +429,7 @@
<div id="languages" class="project-group">
<div class="container">
<div class="group-content">
- <h2>languages</h2>
+ <h2>Languages</h2>
<div class="column-wrapper">
<div class="three-col filtered">
<div class="icon-box"><a href="https://github.com/facebook/flow" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/Flow_Icon.svg" alt="Flow logo"></span></span></a></div>
@@ -448,7 +451,7 @@
<div id="security" class="project-group">
<div class="container">
<div class="group-content">
- <h2>security</h2>
+ <h2>Security</h2>
<div class="column-wrapper">
<div class="three-col filtered">
<div class="icon-box"><a href="https://github.com/facebook/osquery" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/Osquery_Icon.svg" alt="osquery logo"></span></span></a></div>
@@ -466,7 +469,7 @@
<div id="virtual" class="project-group">
<div class="container">
<div class="group-content">
- <h2>virtual reality</h2>
+ <h2>Virtual Reality</h2>
<div class="column-wrapper">
<div class="three-col filtered">
<div class="icon-box"><a href="https://github.com/facebook/react-360" target="_blank"><span class="v-middle-inner"><span class="v-middle"><img src="/templates/dist/images/new_svgs/React_Icon.svg" alt="React 360 logo"></span></span></a></div>
@@ -505,9 +508,9 @@
<li><a href="https://www.facebook.com/groups/fbdevelopers/" target="_blank">Facebook Developer Group</a></li>
<li><a href="https://research.fb.com/" target="_blank">Facebook Research</a></li>
<li><a href="https://www.facebook.com/Engineering/" target="_blank">Facebook Engineering Community</a></li>
- <li><a href="https://research.fb.com/category/facebook-ai-research-fair/" target="_blank">Facebook AI</a></li>
+ <li><a href="https://facebook.ai" target="_blank">Facebook AI</a></li>
<li><a href="http://opencompute.org/" target="_blank">Open Compute Project</a></li>
- <li><a href="https://twitter.com/fbopensource" target="_blank" class="twit-icon">@facebookopensource</a></li>
+ <li><a href="https://twitter.com/fbOpenSource" target="_blank" class="twit-icon">@fbOpenSource</a></li>
</ul>
</div>
<div class="col-3">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment