<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<title>Live Coding Space</title>
<script type="text/javascript" src="./web/lib/cell.js"></script>
<script type="text/javascript" src="./web/lib/he.js"></script>
<link rel="stylesheet" href="./web/lib/mdc/dist/material-components-web.css">
<script src="./web/lib/mdc/dist/material-components-web.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
<script src="./web/lib/socketio/socket.io.js"></script>
<link rel="stylesheet" href="./web/lib/app.css">
<!--<script src="./web/lib/polyglot-lang.js" type="module"></script> -->
<!-- <script src="./web/lib/app.js" type="module"></script> -->
<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-11815598-9"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments) };
gtag('js', new Date());
gtag('config', 'UA-11815598-9');
</script>
<script src="./web/lib/polyglot/polyglot.min.js"></script>
<script type="module">
import {WebApp} from '/web/lib/app.js';
//import * as app from "/web/lib/app.js";
const initApp = () => {
let app = new WebApp;
app.getAppDetails('webapps.json');
app.generateFrontPage();
document.querySelector('#ruLang').addEventListener('click', function(e){
app.setLanguage('ru');
window.location.reload(true);
});
document.querySelector('#enLang').addEventListener('click', function(e){
app.setLanguage('en');
window.location.reload(true);
});
}
//var socket = initWebSocket();
window.onload = initApp();
</script>
</head>
<body class="mdc-typography">
<a href="https://github.com/NikolaySuslov/livecodingspace">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/e7bbb0521b397edbd5fe43e7f760759336b5e05f/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677265656e5f3030373230302e706e67"
alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png">
</a>
<div id="header" class="mdc-layout-grid mdc-layout-grid--align-left">
<div class="mdc-layout-grid__inner">
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12">
<span class="mdc-typography--subheading2 mdc-theme--text-secondary-on-background mdc-typography">
<a id="ruLang" class="mdc-typography link-in-text mdc-theme--text-hint-on-background" style="cursor:pointer">RU</a>
<!--<strong>LiveCoding</strong>.space -->
</span>
<span class="mdc-typography--subheading2 mdc-theme--text-secondary-on-background mdc-typography">
<a id="enLang" class="mdc-typography link-in-text mdc-theme--text-hint-on-background" style="cursor:pointer">EN</a>
<!--<strong>LiveCoding</strong>.space -->
</span>
</div>
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12">
<div id="titleText">
</div>
</div>
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12">
<div id="headerText">
</div>
</div>
</div>
</div>
<div id="about" class="mdc-layout-grid">
<div class="mdc-layout-grid__inner">
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-6">
<div id="featuresText">
</div>
</div>
<div class="mdc-layout-grid__cell mdc-layout-grid__cell">
<iframe src="https://player.vimeo.com/video/239924195?title=0&byline=0&portrait=0" width="600" height="338" frameborder="0"
webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
</div>
<hr class="mdc-list-divider mdc-theme--text-hint-on-background divider" />
<div id="info" class="mdc-layout-grid">
<div class="mdc-layout-grid__inner">
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12">
<div id="worldInfo">
</div>
</div>
</div>
</div>
<div id="main">
</div>
<hr class="mdc-list-divider mdc-theme--text-hint-on-background divider" />
<div id="videoList">
<div id="about" class="mdc-layout-grid">
<div class="mdc-layout-grid__inner">
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12">
<div id="demoText">
</div>
<iframe src="https://player.vimeo.com/video/243291223?title=0&byline=0&portrait=0" width="600" height="337" frameborder="0"
webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<iframe src="https://player.vimeo.com/video/251057056?title=0&byline=0&portrait=0" width="600" height="338" frameborder="0"
webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<hr class="mdc-list-divider mdc-theme--text-hint-on-background divider" />
<div id="footer">
<div id="about" class="mdc-layout-grid">
<div class="mdc-layout-grid__inner">
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-10">
</div>
<div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-2">
<h3 class="mdc-typography--subheading2 mdc-theme--text-hint-on-background"><a class="mdc-typography link-in-text mdc-theme--text-hint-on-background"
href="https://www.krestianstvo.org">Krestianstvo.org</a> 2018</h3>
</div>
</div>
</div>
</div>
<script>
mdc.autoInit()
</script>
</body>
</html>