423A35C7/pytorch3d
1
0
Fork 0
mirror of https://github.com/facebookresearch/pytorch3d.git synced 2025-08-02 03:42:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

website updates

Browse Source 
Summary:
A few small website updates:

- changed the tutorials to point to the `stable` tag on github so we don't have to update the website each time we want to run them!
- changed the colab button
- re ran notebook cells to update the images for textured meshes

Once these fixes are landed I can build and publish the website.

Reviewed By: bottler

Differential Revision: D20484836

fbshipit-source-id: 603a05e752f631c60d1a3abb9adeb1b9b451ab98
This commit is contained in:
Nikhila Ravi 2020-03-17 13:04:55 -07:00 committed by Facebook GitHub Bot
parent 25d2e2c8b7
commit 3901dbe4de
7 changed files with 105 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/tutorials/bundle_adjustment.ipynb
View File

@ -83,7 +83,7 @@
"outputs": [], "outputs": [],
"source": [ "source": [
"!pip install torch torchvision\n", "!pip install torch torchvision\n",
"!pip install 'git+https://github.com/facebookresearch/pytorch3d.git'" "!pip install 'git+https://github.com/facebookresearch/pytorch3d.git@stable'"
] ]
}, },
{ {

2
docs/tutorials/camera_position_optimization_with_differentiable_rendering.ipynb
View File

@ -70,7 +70,7 @@
"outputs": [], "outputs": [],
"source": [ "source": [
"!pip install torch torchvision\n", "!pip install torch torchvision\n",
"!pip install 'git+https://github.com/facebookresearch/pytorch3d.git'" "!pip install 'git+https://github.com/facebookresearch/pytorch3d.git@stable'"
] ]
}, },
{ {

2
docs/tutorials/deform_source_mesh_to_target_mesh.ipynb
View File

@ -85,7 +85,7 @@
"outputs": [], "outputs": [],
"source": [ "source": [
"!pip install torch torchvision\n", "!pip install torch torchvision\n",
"!pip install 'git+https://github.com/facebookresearch/pytorch3d.git'" "!pip install 'git+https://github.com/facebookresearch/pytorch3d.git@stable'"
] ]
}, },
{ {

42
docs/tutorials/render_textured_meshes.ipynb
View File

File diff suppressed because one or more lines are too long

60
website/core/Tutorial.js
View File

@ -45,32 +45,40 @@ class Tutorial extends React.Component {
<TutorialSidebar currentTutorialID={tutorialID} /> <TutorialSidebar currentTutorialID={tutorialID} />
<Container className="mainContainer"> <Container className="mainContainer">
<div className="tutorialButtonsWrapper"> <div className="tutorialButtonsWrapper">
<div className="colabButtonWrapper"> <div className="tutorialButtonWrapper buttonWrapper">
<a <a
href={`https://colab.research.google.com/github/facebookresearch/pytorch3d/blob/master/docs/tutorials/${tutorialID}.ipynb`}> className="tutorialButton button"
<img align="left" src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open In Colab"/> download
</a> href={`https://colab.research.google.com/github/facebookresearch/pytorch3d/blob/stable/docs/tutorials/${tutorialID}.ipynb`}
</div> target="_blank">
<div className="tutorialButtonWrapper buttonWrapper"> <img
<a className="colabButton"
className="tutorialButton button" align="left"
download src={`${baseUrl}img/colab_icon.png`}
href={`${baseUrl}files/${tutorialID}.ipynb`} />
target="_blank"> {'Run in Google Colab'}
{renderDownloadIcon()} </a>
{'Download Tutorial Jupyter Notebook'} </div>
</a> <div className="tutorialButtonWrapper buttonWrapper">
</div> <a
<div className="tutorialButtonWrapper buttonWrapper"> className="tutorialButton button"
<a download
className="tutorialButton button" href={`${baseUrl}files/${tutorialID}.ipynb`}
download target="_blank">
href={`${baseUrl}files/${tutorialID}.py`} {renderDownloadIcon()}
target="_blank"> {'Download Tutorial Jupyter Notebook'}
{renderDownloadIcon()} </a>
{'Download Tutorial Source Code'} </div>
</a> <div className="tutorialButtonWrapper buttonWrapper">
</div> <a
className="tutorialButton button"
download
href={`${baseUrl}files/${tutorialID}.py`}
target="_blank">
{renderDownloadIcon()}
{'Download Tutorial Source Code'}
</a>
</div>
</div> </div>
<div <div
className="tutorialBody" className="tutorialBody"

53
website/pages/tutorials/index.js
View File

@ -1,7 +1,7 @@
/** /**
* Copyright (c) Facebook, Inc. and its affiliates. * Copyright (c) Facebook, Inc. and its affiliates.
* @format * @format
**/ **/
const React = require('react'); const React = require('react');
@ -22,23 +22,54 @@ class TutorialHome extends React.Component {
<Container className="mainContainer documentContainer postContainer"> <Container className="mainContainer documentContainer postContainer">
<div className="post"> <div className="post">
<header className="postHeader"> <header className="postHeader">
<h1 className="postHeaderTitle">Welcome to the PyTorch3D Tutorials</h1> <h1 className="postHeaderTitle">
Welcome to the PyTorch3D Tutorials
</h1>
</header> </header>
<p> <p>
Here you can learn about the structure and applications of Pytorch3D from Here you can learn about the structure and applications of
examples which are in the form of ipython notebooks. Pytorch3D from examples which are in the form of ipython
notebooks.
</p> </p>
<h3> Run interactively </h3> <h3> Run interactively </h3>
<p> <p>
At the top of each example you can find a button named <strong>"Open in Colab"</strong> which will open the notebook in <a href="https://colab.research.google.com/notebooks/intro.ipynb"> Google Colaboratory </a> where you can run the code directly in the browser with access to GPU support e.g. At the top of each example you can find a button named{' '}
<strong>"Run in Google Colab"</strong> which will open the
notebook in{' '}
<a href="https://colab.research.google.com/notebooks/intro.ipynb">
{' '}
Google Colaboratory{' '}
</a>{' '}
where you can run the code directly in the browser with access to
GPU support - it looks like this:
</p>
<div className="tutorialButtonsWrapper">
<div className="tutorialButtonWrapper buttonWrapper">
<a className="tutorialButton button" target="_blank">
<img
className="colabButton"
align="left"
src="/img/colab_icon.png"
/>
{'Run in Google Colab'}
</a>
</div>
</div>
<p>
{' '}
You can modify the code and experiment with varying different
settings. Remember to install pytorch, torchvision, fvcore and
pytorch3d in the first cell of the colab notebook by running:{' '}
</p> </p>
<img align="center" src="https://colab.research.google.com/assets/colab-badge.svg" alt="Open In Colab"/>
<p> You can modify the code and experiment with varying different settings.
Remember to install pytorch, torchvision, fvcore and pytorch3d in the first cell of the colab notebook by running: </p>
<MarkdownBlock>{bash`!pip install torch torchvision <MarkdownBlock>{bash`!pip install torch torchvision
!pip install 'git+https://github.com/facebookresearch/pytorch3d.git'`}</MarkdownBlock> !pip install 'git+https://github.com/facebookresearch/pytorch3d.git@stable'`}</MarkdownBlock>
<h3> Run locally </h3> This installs the latest stable version of PyTorch3D from github.
<p> There is also a button to download the notebook and source code to run it locally. </p> <h3> Run locally </h3>
<p>
{' '}
There is also a button to download the notebook and source code to
run it locally.{' '}
</p>
</div> </div>
</Container> </Container>
</div> </div>

5
website/static/css/custom.css
View File

@ -267,9 +267,14 @@ p a:hover {
padding-right: 0.25em; padding-right: 0.25em;
} }
.colabButton {
width: 24px;
}
.tutorialButtonsWrapper { .tutorialButtonsWrapper {
display: flex; display: flex;
align-items: center; align-items: center;
padding-bottom: 15px;
} }
/* .tutorialButton { /* .tutorialButton {