audiolab/cear-audiolab
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: audiolab:4ed899b2599d2d86aef31ee7fdd4809613f15239
Branches Tags
audiolab:master
..
compare: audiolab:c58ccea3dda2835bd6e2d4e54131c9dc1d48c49b
Branches Tags
audiolab:master

No commits in common. "4ed899b2599d2d86aef31ee7fdd4809613f15239" and "c58ccea3dda2835bd6e2d4e54131c9dc1d48c49b" have entirely different histories.
4ed899b259 ... c58ccea3dd

5 changed files with 7 additions and 29 deletions
Show Stats Expand all files Collapse all files

7
inc/src/app/app.component.html
View File

@ -21,7 +21,6 @@
</div> </div>
<div class="col right"></div> <div class="col right"></div>
</div> </div>
<div class="arrow" (click)="scrollTo('podcasts')"></div>
</section> </section>
<!-- space --> <!-- space -->
@ -34,7 +33,7 @@
</section> --> </section> -->
<!-- end space --> <!-- end space -->
<section id="podcasts" class="container middle" *ngFor="let n of news; let index;"> <section class="container middle" *ngFor="let n of news; let index;">
<div class="content columns"> <div class="content columns">
<div class="col center"> <div class="col center">
<div class="button big" [ngStyle]="{transform:'translateX('+n.random+'vw)'}"> <div class="button big" [ngStyle]="{transform:'translateX('+n.random+'vw)'}">
@ -44,13 +43,13 @@
</div> </div>
</section> </section>
<!-- space --> <!-- space -->
<!-- <section class="container big"> <section class="container big">
<div class="content columns"> <div class="content columns">
<div class="col left"></div> <div class="col left"></div>
<div class="col center"></div> <div class="col center"></div>
<div class="col right"></div> <div class="col right"></div>
</div> </div>
</section> --> </section>
<!-- end space --> <!-- end space -->
<section class="container big text"> <section class="container big text">

12
inc/src/app/app.component.ts
View File

@ -1,6 +1,5 @@
import { Component, OnInit, Inject } from '@angular/core'; import { Component, OnInit } from '@angular/core';
import { PlayerService } from './player.service'; import { PlayerService } from './player.service';
import { DOCUMENT, Location } from '@angular/common';
@Component({ @Component({
selector: 'app-root', selector: 'app-root',
@ -16,8 +15,7 @@ export class AppComponent implements OnInit {
news:any[] = [{title:'1',random:0},{title:'1',random:0},{title:'1',random:0},{title:'1',random:0},{title:'1',random:0}] news:any[] = [{title:'1',random:0},{title:'1',random:0},{title:'1',random:0},{title:'1',random:0},{title:'1',random:0}]
constructor( constructor(
public playerService:PlayerService, public playerService:PlayerService
@Inject(DOCUMENT) private document: Document
) { ) {
playerService.init_app$ playerService.init_app$
@ -41,10 +39,4 @@ export class AppComponent implements OnInit {
let min=-40 let min=-40
return Math.floor(Math.random() * (max - min + 1) + min) return Math.floor(Math.random() * (max - min + 1) + min)
} }
scrollTo(id:string) {
let element:any = document.getElementById(id);
element.scrollIntoView({ behavior: "smooth", block: "start", inline: "nearest" });
}
} }

3
inc/src/app/header/header.component.scss
View File

@ -19,5 +19,4 @@ section.header {
span { margin:0 12px;} span { margin:0 12px;}
a { cursor:pointer;} a { cursor:pointer;}
} }
} }

2
inc/src/app/header/header.component.ts
View File

@ -62,7 +62,7 @@ export class HeaderComponent implements OnInit {
click():void { click():void {
this.clicked = true; this.clicked = true;
this.playerService.play("https://stream.audio-lab.org/ura.mp3"); this.playerService.play("https://brba.audio-lab.org/stream/ura.mp3");
} }
mute() { mute() {

12
inc/src/styles.scss
View File

@ -14,18 +14,6 @@ body {
section.container { section.container {
div.arrow {
width:32px;
height:32px;
position:absolute;
bottom:16px;
left:calc( 50vw - 16px );
transform:rotate(45deg);
border: 5px solid #000;
border-left:0;
border-top:0;
cursor:pointer;
}
&.big { min-height:100vh;} &.big { min-height:100vh;}
&.middle { min-height: 50vh;} &.middle { min-height: 50vh;}
&.fixed { &.fixed {