github.com/Jeffail/benthos/v3@v3.65.0/website/src/pages/videos.js (about)

     1  import React from 'react';
     2  import classnames from 'classnames';
     3  import Layout from '@theme/Layout';
     4  import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
     5  import styles from './videos.module.css';
     6  import ReactPlayer from 'react-player/youtube'
     7  
     8  function Videos() {
     9    const context = useDocusaurusContext();
    10    const {siteConfig = {}} = context;
    11    return (
    12      <Layout
    13        title={`${siteConfig.title} Videos`}
    14        description="A collection of Benthos videos">
    15        <header>
    16          <div className="container">
    17            <div className="row">
    18              <div className={classnames('col col--6 col--offset-3')}>
    19                <h1 className={styles.videosTitle}>Benthos Videos</h1>
    20                <p>All videos are rated U for Underwhelming. If you'd rather access these videos directly from YouTube you can find them on <a href="https://www.youtube.com/channel/UCjIYEhBrw3GQwpRWe1asufg">the Jeffail channel</a>.</p>
    21              </div>
    22            </div>
    23          </div>
    24        </header>
    25        <main>
    26          <div className="container margin-vert--lg">
    27            <div className="row margin-bottom--lg">
    28              <div className="col col--8 col--offset-2">
    29                <h2>Tutorials</h2>
    30                <p>This playlist contains tutorial videos covering various aspects of Benthos use.</p>
    31              </div>
    32              <ReactPlayer
    33                className={classnames('col col--8 col--offset-2')}
    34                url='https://www.youtube-nocookie.com/embed/videoseries?list=PL9hWaP-BQh2rvNuM29bTLlL0hYk6cqyT5'
    35                controls={true}
    36              />
    37            </div>
    38            <div className="row margin-bottom--lg">
    39              <div className="col col--8 col--offset-2">
    40                <h2>Code Streams</h2>
    41                <p>This playlist contains live coding sessions on the Benthos codebase.</p>
    42              </div>
    43              <ReactPlayer
    44                className={classnames('col col--8 col--offset-2')}
    45                url='https://www.youtube-nocookie.com/embed/videoseries?list=PL9hWaP-BQh2ovI1iwEKxzNFF8dVAZgHCA'
    46                controls={true}
    47              />
    48            </div>
    49          </div>
    50        </main>
    51      </Layout>
    52    );
    53  }
    54  
    55  export default Videos;