Skip to content

Commit db02493

Browse files
saapoochsaapooch
committed
include audio section
1 parent 6d100e4 commit db02493

2 files changed

Lines changed: 46 additions & 3 deletions

File tree

‎css/poochstyle.css‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -101,6 +101,13 @@
101101
height:350px;
102102
}
103103

104+
.contain-music{
105+
position: relative;
106+
overflow-y:scroll;
107+
overflow-x: hidden;
108+
height:60vh;
109+
}
110+
104111
.language{
105112
width:110px;
106113
padding:15px;
@@ -377,7 +384,7 @@
377384
display:none
378385
}
379386

380-
387+
381388

382389

383390
.mobile-status{

‎index.html‎

Lines changed: 38 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -41,8 +41,8 @@
4141
<script type="text/javascript">
4242
$(document).ready(function() {
4343
$('#fullpage').fullpage({
44-
sectionsColor: ['white', 'white', 'white'],
45-
anchors: ['landing', 'about', 'contact'],
44+
sectionsColor: ['white', 'white', 'white','white'],
45+
anchors: ['landing', 'about', 'audio','contact'],
4646
menu: '#menu',
4747
});
4848
});
@@ -60,6 +60,7 @@
6060
<div class="collapse navbar-collapse ml-auto" id="navbarSupportedContent">
6161
<ul id="menu" class="nav navbar-nav ml-auto">
6262
<li data-menuanchor="about" class="nav-item nav-link"><a class="modern link-1" href="#about">About</a></li>
63+
<li data-menuanchor="audio" class="nav-item nav-link"><a class="modern link-1" href="#audio">Audio</a></li>
6364
<li data-menuanchor="contact" class="nav-item nav-link"><a class="modern link-1" href="#contact">Contact</a></li>
6465
</ul>
6566
</div>
@@ -318,6 +319,41 @@ <h5 class='modern'> PCR, Cryosectioning, Immunostaining, Microscopy, Western Blo
318319
</div>
319320

320321
<div class="section" id="section3">
322+
<div class='container-fluid'>
323+
<div class='row'>
324+
<div class='offset-lg-1 col-lg-5'>
325+
<h3 class='modern' style='padding:0 0 40px'> Music </h3>
326+
<div class='contain-music'>
327+
<iframe allow="autoplay *; encrypted-media *;" frameborder="0" height="150" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation" src="https://embed.music.apple.com/us/album/95-till-infinity/1279423222?i=1279423849" width="100%"></iframe>
328+
<iframe allow="autoplay *; encrypted-media *;" frameborder="0" height="150" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation" src="https://embed.music.apple.com/us/album/lazy-boy/1337790882?i=1337791444" width="100%"></iframe>
329+
<iframe allow="autoplay *; encrypted-media *;" frameborder="0" height="150" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation" src="https://embed.music.apple.com/us/album/in-a-sentimental-mood/409726?i=409723&app=music" width="100%"></iframe>
330+
<iframe allow="autoplay *; encrypted-media *;" frameborder="0" height="150" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation" src="https://embed.music.apple.com/us/album/you-only-live-once/299740383?i=299740483" width="100%"></iframe>
331+
<iframe allow="autoplay *; encrypted-media *;" frameborder="0" height="150" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation" src="https://embed.music.apple.com/us/album/dreams/202271826?i=202272624" width="100%"></iframe>
332+
<iframe allow="autoplay *; encrypted-media *;" frameborder="0" height="150" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation" src="https://embed.music.apple.com/us/album/long-live-a%24ap/581997130?i=581997146" width="100%"></iframe>
333+
<iframe allow="autoplay *; encrypted-media *;" frameborder="0" height="150" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation" src="https://embed.music.apple.com/us/album/salad-days/799685692?i=799685693&app=music" width="100%"></iframe>
334+
<iframe allow="autoplay *; encrypted-media *;" frameborder="0" height="150" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation" src="https://embed.music.apple.com/us/album/eventually/989492285?i=989492311&app=music" width="100%"></iframe>
335+
<iframe allow="autoplay *; encrypted-media *;" frameborder="0" height="150" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation" src="https://embed.music.apple.com/us/album/put-me-thru/1065681363?i=1065681698" width="100%"></iframe>
336+
<iframe allow="autoplay *; encrypted-media *;" frameborder="0" height="150" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation" src="https://embed.music.apple.com/us/album/tourist/335804043?i=335804235" width="100%"></iframe>
337+
<iframe allow="autoplay *; encrypted-media *;" frameborder="0" height="150" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation-by-user-activation" src="https://embed.music.apple.com/us/album/it-never-rains-in-southern-california/385801835?i=385802012" width="100%"></iframe>
338+
</div>
339+
</div>
340+
<div class='col-lg-5'>
341+
<h3 class='modern' style='padding:0 0 40px'> Podcasts </h3>
342+
<div class='contain-music'>
343+
<iframe src="https://www.npr.org/player/embed/608512576/608582078" height="290" frameborder="0" scrolling="no" title="NPR embedded audio player" width="100%"></iframe>
344+
345+
<iframe src="https://www.npr.org/player/embed/489828279/489828424" width="100%" height="290" frameborder="0" scrolling="no" title="NPR embedded audio player"></iframe>
346+
<iframe src="https://www.npr.org/player/embed/543035808/546156152" height="290" frameborder="0" scrolling="no" title="NPR embedded audio player" width="100%"></iframe>
347+
<iframe src="https://www.npr.org/player/embed/615621554/615656446" width="100%" height="290" frameborder="0" scrolling="no" title="NPR embedded audio player"></iframe>
348+
<iframe src="https://www.npr.org/player/embed/622273540/622329100" width="100%" height="290" frameborder="0" scrolling="no" title="NPR embedded audio player"></iframe>
349+
<iframe src="https://www.npr.org/player/embed/621571136/622453624" width="100%" height="290" frameborder="0" scrolling="no" title="NPR embedded audio player"></iframe>
350+
</div>
351+
</div>
352+
</div>
353+
</div>
354+
</div>
355+
356+
<div class="section" id="section4">
321357
<div class='container-fluid'>
322358
<div class='row'>
323359
<div class='mx-auto card'>

0 commit comments

Comments
 (0)