Difference between revisions of "Team:Toronto/Podcast"

Line 34: Line 34:
  
 
<p>Some text about the podcast</p>
 
<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/9/93/T--Toronto--Podcast-ep1-intro.mp3" type="audio/mpeg">
 
−
</audio>
 
−
</div>
 
  
 
<audio controls>
 
<audio controls>
 
<source src="https://static.igem.org/mediawiki/2017/9/93/T--Toronto--Podcast-ep1-intro.mp3" type="audio/mpeg">
 
<source src="https://static.igem.org/mediawiki/2017/9/93/T--Toronto--Podcast-ep1-intro.mp3" type="audio/mpeg">
 
</audio>
 
</audio>
−
<!-- podcast ep audio player END-->
 
  
 
</div>
 
</div>
Line 85: Line 48:
  
 
<p>Some text about the podcast</p>
 
<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>
 
  
 
<audio controls>
 
<audio controls>
 
<source src="https://static.igem.org/mediawiki/2017/f/f4/T--Toronto--Podcast-ep2-ethics.mp3" type="audio/mpeg">
 
<source src="https://static.igem.org/mediawiki/2017/f/f4/T--Toronto--Podcast-ep2-ethics.mp3" type="audio/mpeg">
 
</audio>
 
</audio>
−
 
−
<!-- podcast ep audio player END-->
 
  
 
</div>
 
</div>
Line 138: Line 63:
 
<p>Some text about the podcast</p>
 
<p>Some text about the podcast</p>
  
−
<!-- podcast ep audio player -->
+
<audio controls>
−
<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>
+
−
<audio>
+
 
<source src="https://static.igem.org/mediawiki/2017/b/b3/T--Toronto--Podcast-ep3-bioengineering.mp3" type="audio/mpeg">
 
<source src="https://static.igem.org/mediawiki/2017/b/b3/T--Toronto--Podcast-ep3-bioengineering.mp3" type="audio/mpeg">
 
</audio>
 
</audio>
−
<!-- podcast ep audio player END-->
 
  
 
</div>
 
</div>
Line 188: Line 77:
 
<p>Some text about the podcast</p>
 
<p>Some text about the podcast</p>
  
−
<!-- podcast ep audio player -->
+
<audio controls>
−
<div class="audio audio-player">
+
<source src="https://static.igem.org/mediawiki/2017/f/f4/T--Toronto--Podcast-ep4-arts.mp3" type="audio/mpeg">
−
<div class="loading">
+
</audio>
−
<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>
 
</div>
Line 235: Line 91:
 
<p>Some text about the podcast</p>
 
<p>Some text about the podcast</p>
  
−
<!-- podcast ep audio player -->
+
<audio controls>
−
<div class="audio audio-player">
+
<source src="https://static.igem.org/mediawiki/2017/f/fa/T--Toronto--Podcast-ep5-business.mp3" type="audio/mpeg">
−
<div class="loading">
+
</audio>
−
<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>
 
</div>
Line 282: Line 105:
 
<p>Some text about the podcast</p>
 
<p>Some text about the podcast</p>
  
−
<!-- podcast ep audio player -->
+
<audio controls>
−
<div class="audio audio-player">
+
<source src="https://static.igem.org/mediawiki/2017/e/e9/T--Toronto--Podcast-ep6-collab.mp3" type="audio/mpeg">
−
<div class="loading">
+
</audio>
−
<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>
 
</div>

Revision as of 07:06, 31 October 2017

Podcast // Synversations

Our Goal

Some text

Episode 1: Introduction

Some text about the podcast

Episode 2: Ethics

Some text about the podcast

Episode 3: Bioengineering

Some text about the podcast

Episode 4: Arts

Some text about the podcast

Episode 5: Business

Some text about the podcast

Episode 6: Collaboration

Some text about the podcast

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