Skip to content

Instantly share code, notes, and snippets.

View rebelchris's full-sized avatar
🏠
Working from home

Chris Bongers rebelchris

🏠
Working from home
View GitHub Profile
@rebelchris
rebelchris / script.js
Created January 23, 2021 14:58
Options
const options = {
appId: "{APPID}",
channel: "demo",
token: "{TOKEN}",
};
@rebelchris
rebelchris / styles.scss
Created January 23, 2021 14:57
Holder options
.holder {
&--options {
display: flex;
justify-content: space-around;
align-items: center;
padding: 1rem 0;
&-option {
display: flex;
flex-direction: column;
align-items: center;
@rebelchris
rebelchris / styles.scss
Created January 23, 2021 14:56
Video holder
.holder {
border-radius: 15px;
background: #00bbf9;
width: 100%;
min-height: 50px;
border: 1px solid #333;
&--video {
position: relative;
overflow: hidden;
.hidden {
display: none !important;
}
@rebelchris
rebelchris / styles.scss
Created January 23, 2021 14:55
Container
.container {
display: flex;
width: 100%;
max-width: 800px;
margin: 0 auto;
flex-direction: column;
padding: 1rem;
header {
margin-bottom: 1rem;
font-size: 2rem;
@rebelchris
rebelchris / styles.css
Created January 23, 2021 14:54
Body styling
body {
display: -ms-grid;
display: grid;
place-items: center;
min-height: 100vh;
width: 100%;
background: #f15bb51f;
}
@rebelchris
rebelchris / styles.css
Created January 23, 2021 14:53
Agora CSS Styles reset
* {
margin: 0;
padding: 0;
font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@rebelchris
rebelchris / index.html
Created January 23, 2021 14:43
Agora demo index.html video one-on-one
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Video Call</title>
<script
src="https://kit.fontawesome.com/c8500fcdd6.js"
crossorigin="anonymous"
></script>
import { ChangeDetectionStrategy, Component, ViewChild } from "@angular/core";
import { ChartService } from "src/app/services/chart.service";
import { Chart } from "chart.js";
@Component({
selector: "app-level-chart",
changeDetection: ChangeDetectionStrategy.OnPush,
templateUrl: "./level-chart.component.html",
})
export class LevelChartComponent {
@rebelchris
rebelchris / index.html
Created December 27, 2020 09:14
no-div css art playground raw
<html>
<head>
<meta charset="UTF-8" />
<title>No-div playground</title>
<meta name="description" content="A cool no-div playground" />
<meta name="author" content="Daily Dev Tips" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
.container {