<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="headerGUI" 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--subtitle1 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--subtitle1 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">
        <h1 class="mdc-typography--headline3 mdc-theme--text-secondary-on-background mdc-typography"><a class="mdc-typography link-in-text"
            style="cursor: pointer;" onclick="window.location.reload(true)"><strong>LiveCoding</strong>.space</a> | <span style="font-size: 16pt"> проект <a class="mdc-typography link-in-text"
              style="cursor: pointer;">Krestianstvo.org</a> </span> 
          <!--<strong>LiveCoding</strong>.space -->
        </h1>
        <h2>
          [ <a class="mdc-typography link-in-text mdc-theme--text-hint-on-background" style="cursor:pointer" href="https://www.krestianstvo.org/ru/sdk3">О проекте </a> | <a class="mdc-typography link-in-text mdc-theme--text-hint-on-background" style="cursor:pointer" href="https://www.krestianstvo.org/docs/ru/sdk3">Документация </a>]
        </h2>
      </div>
    </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">
        <h1 class="mdc-typography--headline4 mdc-theme--text-hint-on-background">Виртуальные миры</h1>
        <h1 class="mdc-typography mdc-typography--headline5 mdc-theme--text-hint-on-background">Чтобы начать работу в виртуальном обучающем пространстве, выберите один из прототипов миров и запустите его нажав
          на кнопку <strong>Создать</strong>. Для вновь созданного мира сгенерируется уникальная ссылка, которая отобразиться
          под его описанием. Для совместной работы, войдите с помощью этой ссылки с другого компьютера или окна браузера.
          Из прототипа можно создавать неограниченное количество миров. Рядом с ссылками так же указывается количество пользователей,
          находящихся онлайн в указанном мире.</h1>
      </div>
    </div>
  </div>
</div>

<hr class="mdc-list-divider mdc-theme--text-hint-on-background divider" />