Skip to content

Commit

Permalink
Add TOC to tutorials page
Browse files Browse the repository at this point in the history
  • Loading branch information
@alisman
alisman committed May 6, 2020
1 parent 774bec3 commit 6979caf
Show file tree
Hide file tree
Showing 2 changed files with 192 additions and 45 deletions.
232 changes: 187 additions & 45 deletions src/pages/staticPages/tutorials/Tutorials.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,14 @@ import Helmet from 'react-helmet';
import { getNCBIlink } from 'cbioportal-frontend-commons';
import AppConfig from 'appConfig';

const ReturnToTop: React.FunctionComponent<{}> = function() {
return (
<a style={{ marginLeft: 10 }} href="#" title={'Return to top'}>
<i className={'fa fa-arrow-circle-up'}></i>
</a>
);
};

@observer
export default class Tutorials extends React.Component<{}, {}> {
public render() {
Expand All @@ -19,32 +27,162 @@ export default class Tutorials extends React.Component<{}, {}> {
</title>
</Helmet>
<h1>Tutorials and Webinars</h1>
View tutorial and webinar slides below or download from{' '}
<a href="https://drive.google.com/drive/u/0/folders/0B9KTQJAGhFhhRi1qaTdUWmpLQTA">
Google Drive
</a>{' '}
or{' '}
<a
href={`${AppConfig.serverConfig
.skin_documentation_baseurl!.replace(
'raw.githubusercontent.com',
'www.github.com'
)
.replace('/master/', '/tree/master/')}tutorials`}
>
GitHub
</a>
.<h1 id={'webinars'}>Webinars</h1>
Join our webinar series{' '}
<strong>every Thursday 11am-12pm EDT</strong>, register{' '}
<a
target="_blank"
href="https://dfci.zoom.us/webinar/register/7315875611981/WN_An_3l0XYQHCoinWvclUrlw"
>
here
</a>
.
<h2 id={'webinar-1'}>Webinar #1: Introduction to cBioPortal</h2>

{/*<p>*/}
{/* View tutorial and webinar slides below or download from{' '}*/}
{/* <a href="https://drive.google.com/drive/u/0/folders/0B9KTQJAGhFhhRi1qaTdUWmpLQTA">*/}
{/* Google Drive*/}
{/* </a>{' '}*/}
{/* or{' '}*/}
{/* <a*/}
{/* href={`${AppConfig.serverConfig*/}
{/* .skin_documentation_baseurl!.replace(*/}
{/* 'raw.githubusercontent.com',*/}
{/* 'www.github.com'*/}
{/* )*/}
{/* .replace('/master/', '/tree/master/')}tutorials`}*/}
{/* >*/}
{/* GitHub*/}
{/* </a>*/}
{/*</p>*/}

{/*<p>*/}
{/* Join our webinar series{' '}*/}
{/* <strong>*/}
{/* 11am-12pm EDT on Thursdays (May 7, 14, 21, 28)*/}
{/* </strong>*/}
{/* , register{' '}*/}
{/* <a*/}
{/* target="_blank"*/}
{/* href="https://dfci.zoom.us/webinar/register/7315875611981/WN_An_3l0XYQHCoinWvclUrlw"*/}
{/* >*/}
{/* here*/}
{/* </a>*/}
{/* .*/}
{/*</p>*/}

<div style={{ marginBottom: 50 }}>
<ul>
<li>
<strong>Webinar videos</strong>
<ol>
<li>
<a href="#webinar-1">
Introduction to cBioPortal
</a>
</li>

<li>
Mutation Details & Patient View (May 7,
2020, 11am-12pm EDT)&nbsp;
<a
target="_blank"
href="https://dfci.zoom.us/webinar/register/7315875611981/WN_An_3l0XYQHCoinWvclUrlw"
>
register
</a>
</li>

<li>
OQL & Expression (May 14, 2020, 11am-12pm
EDT)&nbsp;
<a
target="_blank"
href="https://dfci.zoom.us/webinar/register/7315875611981/WN_An_3l0XYQHCoinWvclUrlw"
>
register
</a>
</li>

<li>
Group Comparison (May 21, 2020, 11am-12pm
EDT)&nbsp;
<a
target="_blank"
href="https://dfci.zoom.us/webinar/register/7315875611981/WN_An_3l0XYQHCoinWvclUrlw"
>
register
</a>
</li>

<li>
API & R Client (May 28th, 2020, 11am-12pm
EDT)&nbsp;
<a
target="_blank"
href="https://dfci.zoom.us/webinar/register/7315875611981/WN_An_3l0XYQHCoinWvclUrlw"
>
register
</a>
</li>
</ol>
</li>

<li>
<strong>Step-by-step tutorial slides</strong>
<ol>
<li>
<a href="#single-study-exploration">
Single Study Exploration
</a>
</li>
<li>
<a href="#single-study-query">
Single Study Query
</a>
</li>
<li>
<a href="#patient-view">Patient View</a>
</li>
<li>
<a href="#virtual-studies">
Virtual Studies
</a>
</li>
<li>
<a href="#oql">Onco Query Language (OQL)</a>
</li>
<li>
<a href="#group-comparison">
Group Comparison
</a>
</li>
<li>
{' '}
<a href="#pathways">Pathways</a>
</li>
</ol>
</li>
<li>
<strong>Publications</strong>
<ol>
<li>
Cerami et al. Cancer Discovery 2012{' '}
<a
target="_blank"
href="http://cancerdiscovery.aacrjournals.org/content/2/5/401.abstract"
>
PubMed
</a>
</li>
<li>
Gao et al. Science Signaling 2013{' '}
<a
target={'_blank'}
href={getNCBIlink('/pubmed/23550210')}
>
PubMed
</a>
</li>
</ol>
</li>
</ul>
</div>

<h2 id={'webinar-1'}>
Webinar #1: Introduction to cBioPortal <ReturnToTop />
</h2>

<iframe
src="https://www.youtube.com/embed/fPIAxH--cSo"
frameBorder="0"
Expand Down Expand Up @@ -83,9 +221,10 @@ export default class Tutorials extends React.Component<{}, {}> {
</h4>
</div>
<hr />
<h1 id={'tutorials'}>Tutorials</h1>
{/*<h1 id={'tutorials'}>Tutorials</h1>*/}
<h2 id={'single-study-exploration'}>
Tutorial #1: Single Study Exploration
<ReturnToTop />
</h2>
<iframe
src="https://docs.google.com/presentation/d/1_OGK69lO4Z62WaxHHkNYmWvY0LQN2v0slfaLyY1_IQ0/embed?start=false&loop=false&delayms=60000"
Expand All @@ -105,6 +244,7 @@ export default class Tutorials extends React.Component<{}, {}> {
<hr />
<h2 id={'single-study-query'}>
Tutorial #2: Single Study Query
<ReturnToTop />
</h2>
<iframe
src="https://docs.google.com/presentation/d/1y9UTIr5vHmsNVWqtGTVGgiuYX9wkK_a_RPNYiR8kYD8/embed?start=false&loop=false&delayms=60000"
Expand All @@ -122,7 +262,10 @@ export default class Tutorials extends React.Component<{}, {}> {
</a>
</h4>
<hr />
<h2 id={'patient-view'}>Tutorial #3: Patient View</h2>
<h2 id={'patient-view'}>
Tutorial #3: Patient View
<ReturnToTop />
</h2>
<iframe
src="https://docs.google.com/presentation/d/1Jr_2yEfgjKBn4DBiXRk4kmhIbtsRp6gd0iD3k1fIUUk/embed?start=false&loop=false&delayms=60000"
frameBorder="0"
Expand All @@ -139,7 +282,10 @@ export default class Tutorials extends React.Component<{}, {}> {
</a>
</h4>
<hr />
<h2 id={'virtual-studies'}>Tutorial #4: Virtual Studies</h2>
<h2 id={'virtual-studies'}>
Tutorial #4: Virtual Studies
<ReturnToTop />
</h2>
<iframe
src="https://docs.google.com/presentation/d/1rQE5rbFNdmup-rAtySHFxlLp3i4qa8SBA7MiQpMdn1I/embed?start=false&loop=false&delayms=60000"
frameBorder="0"
Expand All @@ -156,7 +302,10 @@ export default class Tutorials extends React.Component<{}, {}> {
</a>
</h4>
<hr />
<h2 id={'oql'}>Tutorial #5: Onco Query Language (OQL)</h2>
<h2 id={'oql'}>
Tutorial #5: Onco Query Language (OQL)
<ReturnToTop />
</h2>
<iframe
src="https://docs.google.com/presentation/d/1U39xgVujtBodwW20qIfcGu4E5n2zzaKkl2KmzzHqj4A/embed?startfalse&loop=false&delayms=60000"
frameBorder="0"
Expand All @@ -173,7 +322,10 @@ export default class Tutorials extends React.Component<{}, {}> {
</a>
</h4>
<hr />
<h2 id={'group-comparison'}>Tutorial #6: Group Comparison</h2>
<h2 id={'group-comparison'}>
Tutorial #6: Group Comparison
<ReturnToTop />
</h2>
<iframe
src="https://docs.google.com/presentation/d/1P2boDph8IfpvjxoxDj_496CLHGtshzJnbbZhszPsmf4/embed?startfalse&loop=false&delayms=60000"
frameBorder="0"
Expand All @@ -190,7 +342,10 @@ export default class Tutorials extends React.Component<{}, {}> {
</a>
</h4>
<hr />
<h2 id={'pathways'}>Tutorial #7: Pathways</h2>
<h2 id={'pathways'}>
Tutorial #7: Pathways
<ReturnToTop />
</h2>
<iframe
src="https://docs.google.com/presentation/d/1O5WGucz0lrfdY25b5QS6zaID_26i434EYXBluqZfT2g/embed?startfalse&loop=false&delayms=60000"
frameBorder="0"
Expand All @@ -206,19 +361,6 @@ export default class Tutorials extends React.Component<{}, {}> {
Download tutorial
</a>
</h4>
<hr />
<h2>Step-by-step Guide to cBioPortal: a Protocol Paper</h2>
<p>
Gao, Aksoy, Dogrusoz, Dresdner, Gross, Sumer, Sun, Jacobsen,
Sinha, Larsson, Cerami, Sander, Schultz. <br />
<b>
Integrative analysis of complex cancer genomics and
clinical profiles using the cBioPortal.
</b>{' '}
<br />
<i>Sci. Signal.</i> 6, pl1 (2013). [
<a href={getNCBIlink('/pubmed/23550210')}>Reprint</a>].
</p>
</PageLayout>
);
}
Expand Down
5 changes: 5 additions & 0 deletions src/pages/staticPages/tutorials/styles.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,3 +9,8 @@
text-decoration: underline !important;
}
}

.returnToIndex {
font-size: 12px;
margin-left: 50px;
}

0 comments on commit 6979caf

Please sign in to comment.