Massive change. Changed to react-scripts (webpack) for building. Changed to material-ui where applicable. Changed to CSS-in-JS.
This commit is contained in:
Håvar Aambø Fosstveit committed
1 parent
36944a9ea7
commit
0449d6ff20
185 files changed
+4564
-6442
No files matched your search
@@ -0,0 +1,86 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset='utf-8'>
|
||||
<title>Multiparty Meeting</title>
|
||||
</head>
|
||||
<style>
|
||||
body
|
||||
{
|
||||
margin:auto;
|
||||
padding:0.5vmin;
|
||||
text-align:center;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 40%;
|
||||
width: 90%;
|
||||
transform: translate(-50%, 0%);
|
||||
background-image: url('/images/background.svg');
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-repeat: repeat;
|
||||
}
|
||||
input:hover { opacity:0.9; }
|
||||
input[type=text]
|
||||
{
|
||||
font-size: 1.5em;
|
||||
padding: 1.5vmin;
|
||||
background-color: rgba(0,0,0,0.3);
|
||||
border: 0;
|
||||
color: #fff;
|
||||
margin: 0.8vmin;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
button:hover { background-color: #f5f5f5; }
|
||||
button
|
||||
{
|
||||
font-size: 1.5em;
|
||||
padding: 1.5vmin;
|
||||
margin: 0.8vmin;
|
||||
background-color: #fafafa;
|
||||
border-radius: 1.8vmin;
|
||||
color: #000;
|
||||
border: 0;
|
||||
}
|
||||
img
|
||||
{
|
||||
height: 15vmin;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<a>
|
||||
<img src='/images/logo.svg'></img><br />
|
||||
</a>
|
||||
<input id='room' type='text' onkeypress='checkEnter(event)' value='' placeholder='your room name' />
|
||||
<button onclick = 'start(location.href)'>Go to room</button>
|
||||
</body>
|
||||
<script>
|
||||
let room = document.getElementById('room');
|
||||
let stateObj = { foo: 'bar' };
|
||||
|
||||
room.addEventListener('input', (e) =>
|
||||
{
|
||||
console.log(e.charCode);
|
||||
history.replaceState(stateObj, 'Multiparty Meeting', '/'+room.value);
|
||||
}, true);
|
||||
|
||||
room.focus();
|
||||
|
||||
function start(target)
|
||||
{
|
||||
location.href;history.replaceState(stateObj, 'Multiparty Meeting', '/');
|
||||
window.location = target;
|
||||
}
|
||||
|
||||
function checkEnter(event)
|
||||
{
|
||||
let x = event.charCode || event.keyCode;
|
||||
if (x == 13 )
|
||||
{
|
||||
start(location.href);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
@@ -0,0 +1,20 @@
|
||||
var config =
|
||||
{
|
||||
loginEnabled : false,
|
||||
developmentPort : 3443,
|
||||
turnServers : [
|
||||
{
|
||||
urls : [
|
||||
'turn:turn.example.com:443?transport=tcp'
|
||||
],
|
||||
username : 'example',
|
||||
credential : 'example'
|
||||
}
|
||||
],
|
||||
requestTimeout : 10000,
|
||||
transportOptions :
|
||||
{
|
||||
tcp : true
|
||||
},
|
||||
lastN : 4
|
||||
};
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="1080"><path d="M961,588L929,566L941,608Z" fill="#666363" stroke="#666363" stroke-width="1.51"/><path d="M929,566L904,567L941,608Z" fill="#666363" stroke="#666363" stroke-width="1.51"/><path d="M904,567L889,599L941,608Z" fill="#656262" stroke="#656262" stroke-width="1.51"/><path d="M929,566L915,535L904,567Z" fill="#676464" stroke="#676464" stroke-width="1.51"/><path d="M904,567L854,580L889,599Z" fill="#656262" stroke="#656262" stroke-width="1.51"/><path d="M938,502L915,535L929,566Z" fill="#686565" stroke="#686565" stroke-width="1.51"/><path d="M889,599L908,634L941,608Z" fill="#636161" stroke="#636161" stroke-width="1.51"/><path d="M961,588L991,531L929,566Z" fill="#686565" stroke="#686565" stroke-width="1.51"/><path d="M1008,627L994,569L961,588Z" fill="#656262" stroke="#656262" stroke-width="1.51"/><path d="M976,636L961,588L941,608Z" fill="#656262" stroke="#656262" stroke-width="1.51"/><path d="M950,649L976,636L941,608Z" fill="#646161" stroke="#646161" stroke-width="1.51"/><path d="M908,634L950,649L941,608Z" fill="#636161" stroke="#636161" stroke-width="1.51"/><path d="M889,599L879,628L908,634Z" fill="#636060" stroke="#636060" stroke-width="1.51"/><path d="M908,634L921,685L950,649Z" fill="#625f5f" stroke="#625f5f" stroke-width="1.51"/><path d="M994,569L991,531L961,588Z" fill="#676464" stroke="#676464" stroke-width="1.51"/><path d="M976,636L1008,627L961,588Z" fill="#646262" stroke="#646262" stroke-width="1.51"/><path d="M994,569L1028,550L991,531Z" fill="#676464" stroke="#676464" stroke-width="1.51"/><path d="M991,683L1008,627L976,636Z" fill="#626060" stroke="#626060" stroke-width="1.51"/><path d="M991,531L938,502L929,566Z" fill="#686565" stroke="#686565" stroke-width="1.51"/><path d="M845,556L854,580L904,567Z" fill="#656262" stroke="#656262" stroke-width="1.51"/><path d="M889,599L854,580L879,628Z" fill="#646161" stroke="#646161" stroke-width="1.51"/><path d="M845,556L904,567L861,523Z" fill="#666363" stroke="#666363" stroke-width="1.51"/><path d="M1008,627L1030,582L994,569Z" fill="#656262" stroke="#656262" stroke-width="1.51"/><path d="M1030,582L1028,550L994,569Z" fill="#666363" stroke="#666363" stroke-width="1.51"/><path d="M991,531L970,482L938,502Z" fill="#676464" stroke="#676464" stroke-width="1.51"/><path d="M861,523L904,567L915,535Z" fill="#676464" stroke="#676464" stroke-width="1.51"/><path d="M876,491L861,523L915,535Z" fill="#666363" stroke="#666363" stroke-width="1.51"/><path d="M867,678L921,685L908,634Z" fill="#605e5e" stroke="#605e5e" stroke-width="1.51"/><path d="M950,649L991,683L976,636Z" fill="#626060" stroke="#626060" stroke-width="1.51"/><path d="M921,685L933,687L950,649Z" fill="#615f5f" stroke="#615f5f" stroke-width="1.51"/><path d="M1014,465L970,482L991,531Z" fill="#656363" stroke="#656363" stroke-width="1.51"/><path d="M938,502L915,478L915,535Z" fill="#666363" stroke="#666363" stroke-width="1.51"/><path d="M933,687L991,683L950,649Z" fill="#625f5f" stroke="#625f5f" stroke-width="1.51"/><path d="M1008,627L1063,601L1030,582Z" fill="#636161" stroke="#636161" stroke-width="1.51"/><path d="M940,475L915,478L938,502Z" fill="#656363" stroke="#656363" stroke-width="1.51"/><path d="M970,482L940,475L938,502Z" fill="#666363" stroke="#666363" stroke-width="1.51"/><path d="M854,580L832,624L879,628Z" fill="#636060" stroke="#636060" stroke-width="1.51"/><path d="M879,628L867,678L908,634Z" fill="#615f5f" stroke="#615f5f" stroke-width="1.51"/><path d="M806,593L832,624L854,580Z" fill="#625f5f" stroke="#625f5f" stroke-width="1.51"/><path d="M1028,550L1030,518L991,531Z" fill="#676464" stroke="#676464" stroke-width="1.51"/><path d="M1052,535L1030,518L1028,550Z" fill="#666464" stroke="#666464" stroke-width="1.51"/><path d="M915,478L876,491L915,535Z" fill="#666363" stroke="#666363" stroke-width="1.51"/><path d="M817,524L820,554L845,556Z" fill="#656262" stroke="#656262" stroke-width="1.51"/><path d="M832,624L867,678L879,628Z" fill="#605e5e" stroke="#605e5e" stroke-width="1.51"/><path d="M921,685L925,719L933,687Z" fill="#605d5d" stroke="#605d5d" stroke-width="1.51"/><path d="M991,683L1040,648L1008,627Z" fill="#615f5f" stroke="#615f5f" stroke-width="1.51"/><path d="M1069,541L1052,535L1028,550Z" fill="#666363" stroke="#666363" stroke-width="1.51"/><path d="M845,556L820,554L854,580Z" fill="#646262" stroke="#646262" stroke-width="1.51"/><path d="M817,524L845,556L861,523Z" fill="#656363" stroke="#656363" stroke-width="1.51"/><path d="M1069,541L1028,550L1030,582Z" fill="#656262" stroke="#656262" stroke-width="1.51"/><path d="M1040,648L1063,601L1008,627Z" fill="#626060" stroke="#626060" stroke-width="1.51"/><path d="M820,554L806,593L854,580Z" fill="#636161" stroke="#636161" stroke-width="1.51"/><path d="M832,624L832,691L867,678Z" fill="#5f5d5d" stroke="#5f5d5d" stroke-width="1.51"/><path d="M918,728L925,719L873,721Z" fill="#5e5c5c" stroke="#5e5c5c" stroke-width="1.51"/><path d="M933,687L983,714L991,683Z" fill="#605e5e" stroke="#605e5e" stroke-width="1.51"/><path d="Line truncated
|
||||
|
After Width: | Height: | Size: 313 KiB |
@@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<meta charset='utf-8' />
|
||||
<meta
|
||||
name='viewport'
|
||||
content='width=device-width, initial-scale=1, shrink-to-fit=no'
|
||||
/>
|
||||
<meta name='description' content='multiparty meeting - Simple web meetings'>
|
||||
<meta name='theme-color' content='#000000' />
|
||||
|
||||
<link rel='chrome-webstore-item' href='https://chrome.google.com/webstore/detail/fckajcjdaabdgnbdcmhhebdglogjfodi'>
|
||||
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
|
||||
<link rel='shortcut icon' href='%PUBLIC_URL%/favicon.ico' />
|
||||
<link rel='manifest' href='%PUBLIC_URL%/manifest.json' />
|
||||
|
||||
<title>Multiparty Meeting</title>
|
||||
|
||||
<script src='%PUBLIC_URL%/config.js' type='text/javascript'></script>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||||
<div id='multiparty-meeting'></div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"short_name": "Multiparty Meeting",
|
||||
"name": "Multiparty Meeting - Simple web meetings",
|
||||
"icons": [
|
||||
{
|
||||
"src": "favicon.ico",
|
||||
"sizes": "64x64 32x32 24x24 16x16",
|
||||
"type": "image/x-icon"
|
||||
}
|
||||
],
|
||||
"start_url": ".",
|
||||
"display": "standalone",
|
||||
"theme_color": "#000000",
|
||||
"background_color": "#ffffff"
|
||||
}
|
||||
Binary file not shown.
Reference in new issue
Block a user