index.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3. <title>Live Coding Space</title>
  4. <script type="text/javascript" src="./web/lib/cell.js"></script>
  5. <script type="text/javascript" src="./web/lib/he.js"></script>
  6. <link rel="stylesheet" href="./web/lib/mdc/dist/material-components-web.css">
  7. <script src="./web/lib/mdc/dist/material-components-web.js"></script>
  8. <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
  9. <script src="./web/lib/socketio/socket.io.js"></script>
  10. <link rel="stylesheet" href="./web/lib/app.css">
  11. <script src="./web/lib/app.js"></script>
  12. <!-- Global Site Tag (gtag.js) - Google Analytics -->
  13. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-11815598-9"></script>
  14. <script>
  15. window.dataLayer = window.dataLayer || [];
  16. function gtag() { dataLayer.push(arguments) };
  17. gtag('js', new Date());
  18. gtag('config', 'UA-11815598-9');
  19. </script>
  20. </head>
  21. <body class="mdc-typography">
  22. <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>
  23. <div id="header" class="mdc-layout-grid mdc-layout-grid--align-left">
  24. <div class="mdc-layout-grid__inner">
  25. <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12">
  26. <h1 class="mdc-typography--display3 mdc-theme--text-secondary-on-background mdc-typography">
  27. <strong>LiveCoding</strong>.space
  28. </h1>
  29. </div>
  30. <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12">
  31. <h1 class="mdc-typography mdc-typography--headline mdc-typography--adjust-margin mdc-theme--text-hint-on-background">
  32. Collaborative Live Coding Space with support of user-defined languages and WebVR ready 3D graphics. <br> Based on: <strong>Virtual World Framework | A-Frame | Ohm language | OSC.js | and more... </strong> by Krestianstvo.org
  33. </h1>
  34. </div>
  35. <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12">
  36. <iframe src="https://player.vimeo.com/video/239924195?title=0&byline=0&portrait=0" width="600" height="338" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
  37. </div>
  38. <hr class="mdc-list-divider"/>
  39. <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12">
  40. <h1 class="mdc-typography mdc-typography--headline mdc-theme--text-hint-on-background">
  41. To begin collaborative coding in virtual space, just start one of the listed prototypes and connect to it from another browser window using the generated link. The link will apper near the <strong>Start new</strong> button.
  42. </h1>
  43. </div>
  44. </div>
  45. </div>
  46. <div id="main">
  47. </div>
  48. <script>
  49. //var socket = initWebSocket();
  50. window.onload = getAppDetails('webapps.json');
  51. </script>
  52. <script>
  53. mdc.autoInit()
  54. </script>
  55. </body>
  56. </html>