Difference between revisions of "Team:Toronto/Podcast"

Line 76: Line 76:
  
  
−
<!-- Subsection 3 -->
+
<!-- Subsection 2 -->
 
<div id="content-cyan" class="subsection">
 
<div id="content-cyan" class="subsection">
−
<h2 class="text-cyan">Our Goal</h2>
+
<h2 class="text-cyan">Episode 2: Ethics</h2>
 +
 
 +
<p>Some text about the podcast</p>
 +
 
 +
<!-- podcast ep audio player -->
 +
<div class="audio audio-player">
 +
<div class="loading">
 +
<div class="spinner"></div>
 +
</div>
 +
<div class="play-pause-btn">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="24" viewbox="0 0 18 24">
 +
<path id="playPause" fill="#566574" fill-rule="evenodd" d="M18 12L0 24V0" class="play-pause-icon"></path>
 +
</svg>
 +
</div>
 +
<div class="controls"><span class="current-time">0:00</span>
 +
<div data-direction="horizontal" class="slider">
 +
<div class="progress">
 +
<div id="progress-pin" data-method="rewind" class="pin"></div>
 +
</div>
 +
</div><span class="total-time">0:00</span>
 +
</div>
 +
<div class="volume">
 +
<div class="volume-btn">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
 +
<path id="speaker" fill="#566574" fill-rule="evenodd" d="M14.667 0v2.747c3.853 1.146 6.666 4.72 6.666 8.946 0 4.227-2.813 7.787-6.666 8.934v2.76C20 22.173 24 17.4 24 11.693 24 5.987 20 1.213 14.667 0zM18 11.693c0-2.36-1.333-4.386-3.333-5.373v10.707c2-.947 3.333-2.987 3.333-5.334zm-18-4v8h5.333L12 22.36V1.027L5.333 7.693H0z"></path>
 +
</svg>
 +
</div>
 +
<div class="volume-controls hidden">
 +
<div data-direction="vertical" class="slider">
 +
<div class="progress">
 +
<div id="volume-pin" data-method="changeVolume" class="pin"></div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<audio>
 +
<source src="https://static.igem.org/mediawiki/2017/f/f4/T--Toronto--Podcast-ep2-ethics.mp3" type="audio/mpeg">
 +
</audio>
 +
</div>
 +
<!-- podcast ep audio player END-->
  
−
<p>Some text</p>
 
 
</div>
 
</div>
−
<!-- Subsection 3 END-->
+
<!-- Subsection 2 END-->
 +
 
 +
 
 +
<!-- Subsection 2 -->
 +
<div id="content-cyan" class="subsection">
 +
<h2 class="text-cyan">Episode 3: Bioengineering</h2>
 +
 
 +
<p>Some text about the podcast</p>
 +
 
 +
<!-- podcast ep audio player -->
 +
<div class="audio audio-player">
 +
<div class="loading">
 +
<div class="spinner"></div>
 +
</div>
 +
<div class="play-pause-btn">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="24" viewbox="0 0 18 24">
 +
<path id="playPause" fill="#566574" fill-rule="evenodd" d="M18 12L0 24V0" class="play-pause-icon"></path>
 +
</svg>
 +
</div>
 +
<div class="controls"><span class="current-time">0:00</span>
 +
<div data-direction="horizontal" class="slider">
 +
<div class="progress">
 +
<div id="progress-pin" data-method="rewind" class="pin"></div>
 +
</div>
 +
</div><span class="total-time">0:00</span>
 +
</div>
 +
<div class="volume">
 +
<div class="volume-btn">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
 +
<path id="speaker" fill="#566574" fill-rule="evenodd" d="M14.667 0v2.747c3.853 1.146 6.666 4.72 6.666 8.946 0 4.227-2.813 7.787-6.666 8.934v2.76C20 22.173 24 17.4 24 11.693 24 5.987 20 1.213 14.667 0zM18 11.693c0-2.36-1.333-4.386-3.333-5.373v10.707c2-.947 3.333-2.987 3.333-5.334zm-18-4v8h5.333L12 22.36V1.027L5.333 7.693H0z"></path>
 +
</svg>
 +
</div>
 +
<div class="volume-controls hidden">
 +
<div data-direction="vertical" class="slider">
 +
<div class="progress">
 +
<div id="volume-pin" data-method="changeVolume" class="pin"></div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<audio>
 +
<source src="https://static.igem.org/mediawiki/2017/b/b3/T--Toronto--Podcast-ep3-bioengineering.mp3" type="audio/mpeg">
 +
</audio>
 +
</div>
 +
<!-- podcast ep audio player END-->
 +
 
 +
</div>
 +
<!-- Subsection 2 END-->
 +
 
 +
 
 +
<!-- Subsection 2 -->
 +
<div id="content-cyan" class="subsection">
 +
<h2 class="text-cyan">Episode 4: Arts</h2>
 +
 
 +
<p>Some text about the podcast</p>
 +
 
 +
<!-- podcast ep audio player -->
 +
<div class="audio audio-player">
 +
<div class="loading">
 +
<div class="spinner"></div>
 +
</div>
 +
<div class="play-pause-btn">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="24" viewbox="0 0 18 24">
 +
<path id="playPause" fill="#566574" fill-rule="evenodd" d="M18 12L0 24V0" class="play-pause-icon"></path>
 +
</svg>
 +
</div>
 +
<div class="controls"><span class="current-time">0:00</span>
 +
<div data-direction="horizontal" class="slider">
 +
<div class="progress">
 +
<div id="progress-pin" data-method="rewind" class="pin"></div>
 +
</div>
 +
</div><span class="total-time">0:00</span>
 +
</div>
 +
<div class="volume">
 +
<div class="volume-btn">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
 +
<path id="speaker" fill="#566574" fill-rule="evenodd" d="M14.667 0v2.747c3.853 1.146 6.666 4.72 6.666 8.946 0 4.227-2.813 7.787-6.666 8.934v2.76C20 22.173 24 17.4 24 11.693 24 5.987 20 1.213 14.667 0zM18 11.693c0-2.36-1.333-4.386-3.333-5.373v10.707c2-.947 3.333-2.987 3.333-5.334zm-18-4v8h5.333L12 22.36V1.027L5.333 7.693H0z"></path>
 +
</svg>
 +
</div>
 +
<div class="volume-controls hidden">
 +
<div data-direction="vertical" class="slider">
 +
<div class="progress">
 +
<div id="volume-pin" data-method="changeVolume" class="pin"></div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<audio>
 +
<source src="https://static.igem.org/mediawiki/2017/f/f4/T--Toronto--Podcast-ep4-arts.mp3" type="audio/mpeg">
 +
</audio>
 +
</div>
 +
<!-- podcast ep audio player END-->
 +
 
 +
</div>
 +
<!-- Subsection 2 END-->
 +
 
 +
 
 +
<!-- Subsection 2 -->
 +
<div id="content-cyan" class="subsection">
 +
<h2 class="text-cyan">Episode 5: Business</h2>
 +
 
 +
<p>Some text about the podcast</p>
 +
 
 +
<!-- podcast ep audio player -->
 +
<div class="audio audio-player">
 +
<div class="loading">
 +
<div class="spinner"></div>
 +
</div>
 +
<div class="play-pause-btn">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="24" viewbox="0 0 18 24">
 +
<path id="playPause" fill="#566574" fill-rule="evenodd" d="M18 12L0 24V0" class="play-pause-icon"></path>
 +
</svg>
 +
</div>
 +
<div class="controls"><span class="current-time">0:00</span>
 +
<div data-direction="horizontal" class="slider">
 +
<div class="progress">
 +
<div id="progress-pin" data-method="rewind" class="pin"></div>
 +
</div>
 +
</div><span class="total-time">0:00</span>
 +
</div>
 +
<div class="volume">
 +
<div class="volume-btn">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
 +
<path id="speaker" fill="#566574" fill-rule="evenodd" d="M14.667 0v2.747c3.853 1.146 6.666 4.72 6.666 8.946 0 4.227-2.813 7.787-6.666 8.934v2.76C20 22.173 24 17.4 24 11.693 24 5.987 20 1.213 14.667 0zM18 11.693c0-2.36-1.333-4.386-3.333-5.373v10.707c2-.947 3.333-2.987 3.333-5.334zm-18-4v8h5.333L12 22.36V1.027L5.333 7.693H0z"></path>
 +
</svg>
 +
</div>
 +
<div class="volume-controls hidden">
 +
<div data-direction="vertical" class="slider">
 +
<div class="progress">
 +
<div id="volume-pin" data-method="changeVolume" class="pin"></div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<audio>
 +
<source src="https://static.igem.org/mediawiki/2017/f/fa/T--Toronto--Podcast-ep5-business.mp3" type="audio/mpeg">
 +
</audio>
 +
</div>
 +
<!-- podcast ep audio player END-->
 +
 
 +
</div>
 +
<!-- Subsection 2 END-->
 +
 
 +
 
 +
<!-- Subsection 2 -->
 +
<div id="content-cyan" class="subsection">
 +
<h2 class="text-cyan">Episode 6: Collaboration</h2>
 +
 
 +
<p>Some text about the podcast</p>
 +
 
 +
<!-- podcast ep audio player -->
 +
<div class="audio audio-player">
 +
<div class="loading">
 +
<div class="spinner"></div>
 +
</div>
 +
<div class="play-pause-btn">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="24" viewbox="0 0 18 24">
 +
<path id="playPause" fill="#566574" fill-rule="evenodd" d="M18 12L0 24V0" class="play-pause-icon"></path>
 +
</svg>
 +
</div>
 +
<div class="controls"><span class="current-time">0:00</span>
 +
<div data-direction="horizontal" class="slider">
 +
<div class="progress">
 +
<div id="progress-pin" data-method="rewind" class="pin"></div>
 +
</div>
 +
</div><span class="total-time">0:00</span>
 +
</div>
 +
<div class="volume">
 +
<div class="volume-btn">
 +
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24">
 +
<path id="speaker" fill="#566574" fill-rule="evenodd" d="M14.667 0v2.747c3.853 1.146 6.666 4.72 6.666 8.946 0 4.227-2.813 7.787-6.666 8.934v2.76C20 22.173 24 17.4 24 11.693 24 5.987 20 1.213 14.667 0zM18 11.693c0-2.36-1.333-4.386-3.333-5.373v10.707c2-.947 3.333-2.987 3.333-5.334zm-18-4v8h5.333L12 22.36V1.027L5.333 7.693H0z"></path>
 +
</svg>
 +
</div>
 +
<div class="volume-controls hidden">
 +
<div data-direction="vertical" class="slider">
 +
<div class="progress">
 +
<div id="volume-pin" data-method="changeVolume" class="pin"></div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<audio>
 +
<source src="https://static.igem.org/mediawiki/2017/e/e9/T--Toronto--Podcast-ep6-collab.mp3" type="audio/mpeg">
 +
</audio>
 +
</div>
 +
<!-- podcast ep audio player END-->
 +
 
 +
</div>
 +
<!-- Subsection 2 END-->
 +
 
  
 
<!-- Subsection : Reference -->
 
<!-- Subsection : Reference -->

Revision as of 06:56, 31 October 2017

Podcast // Synversations

Our Goal

Some text

Episode 1: Introduction

Some text about the podcast

0:00
0:00

Episode 2: Ethics

Some text about the podcast

0:00
0:00

Episode 3: Bioengineering

Some text about the podcast

0:00
0:00

Episode 4: Arts

Some text about the podcast

0:00
0:00

Episode 5: Business

Some text about the podcast

0:00
0:00

Episode 6: Collaboration

Some text about the podcast

0:00
0:00

References

  1. Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam

General Pages

Wet Lab

Dry Lab

Human Practices

iGEM Toronto