diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 107 |
1 files changed, 77 insertions, 30 deletions
@@ -10,45 +10,92 @@ <body> <input type="file" id="inp" onchange="acceptFile()"/> - <div class="row"> + <div class="row" id="row"> <div class="card bard front"> - <div class="side-panel"> - <h1 id="level" class="level"> 1 </h1> - <div class="side-panel-content"> - <h1 id="school" class="spell-type"> Иллюзия </h1> + <div class="overlay"> + <div class="side-panel"> + <h1 id="level" class="level"> 1 </h1> + <div class="side-panel-content"> + <h1 id="school" class="spell-type"> Иллюзия </h1> + </div> + </div> + <div class="separator"> </div> + <div class="contents"> + <h1 id="classname" class="class-name in-box"> + Бард + </h1> + <img src="ClassIcons/Ranger.svg" id="classIcon" class="class-icon" /> + <h1 id="spellName" class="spell-name in-box"> + Безмолвный образ + </h1> + <ul class="stats in-box"> + <li> ■ </li> + <li id="castTime"> 1 действие </li> + <li> ■ </li> + <li id="distance"> 60 футов </li> + <li> ■ </li> + <li id="components"> В, С, М (кусок овечьей шерсти) </li> + <li> ■ </li> + <li id="duration"> Концентрация, до 10 минут </li> + <li> ■ </li> + </ul> </div> - </div> - <div class="separator"> </div> - <div class="contents"> - <h1 id="classname" class="class-name in-box"> - Бард - </h1> - <img src="ClassIcons/Ranger.svg" id="classIcon" class="class-icon" /> - <h1 id="spellName" class="spell-name in-box"> - Безмолвный образ - </h1> - <ul class="stats in-box"> - <li> ■ </li> - <li id="castTime"> 1 действие </li> - <li> ■ </li> - <li id="distance"> 60 футов </li> - <li> ■ </li> - <li id="components"> В, С, М (кусок овечьей шерсти) </li> - <li> ■ </li> - <li id="duration"> Концентрация, до 10 минут </li> - <li> ■ </li> - </ul> </div> </div> <div class="card bard back"> - <div id="description" class="contents"> - <p> Вы создаёте образ предмета, существа или другого видимого явления, помещающийся в объёме в куб с длиной ребра 15 футов. Образ появляется в точке, которую вы видите в пределах дистанции, и существует, пока активно заклинание. Это исключительно зрительная иллюзия, не сопровождаемая звуками, запахами и прочими сенсорными эффектами. </p> - <p> Вы можете действием заставить образ переместиться в любое место в пределах дистанции. Пока образ меняет местоположение, вы можете изменять его внешность, чтобы перемещение выглядело естественным. Например, если вы создаёте образ существа и перемещаете его, вы можете изменить образ, чтобы казалось, что оно идёт. </p> - <p> Физическое взаимодействие с образом даёт понять, что это иллюзия, потому что сквозь него всё проходит. Существа, исследующие образ действием, могут определить, что это иллюзия, совершив успешную проверку Интеллекта (Анализ) против Сл ваших заклинаний. Если существо распознаёт иллюзию, оно может видеть сквозь неё. </p> + <div class="overlay"> + <div id="description" class="contents"> + <p> Вы создаёте образ предмета, существа или другого видимого явления, помещающийся в объёме в куб с длиной ребра 15 футов. Образ появляется в точке, которую вы видите в пределах дистанции, и существует, пока активно заклинание. Это исключительно зрительная иллюзия, не сопровождаемая звуками, запахами и прочими сенсорными эффектами. </p> + <p> Вы можете действием заставить образ переместиться в любое место в пределах дистанции. Пока образ меняет местоположение, вы можете изменять его внешность, чтобы перемещение выглядело естественным. Например, если вы создаёте образ существа и перемещаете его, вы можете изменить образ, чтобы казалось, что оно идёт. </p> + <p> Физическое взаимодействие с образом даёт понять, что это иллюзия, потому что сквозь него всё проходит. Существа, исследующие образ действием, могут определить, что это иллюзия, совершив успешную проверку Интеллекта (Анализ) против Сл ваших заклинаний. Если существо распознаёт иллюзию, оно может видеть сквозь неё. </p> + </div> </div> </div> + <template id="FaceTempl"> + <div class="card bard front"> + <div class="overlay"> + <div class="side-panel"> + <h1 id="level" class="level"> 1 </h1> + <div class="side-panel-content"> + <h1 id="school" class="spell-type"> Иллюзия </h1> + </div> + </div> + <div class="separator"> </div> + <div class="contents"> + <h1 id="classname" class="class-name in-box"> + Бард + </h1> + <img src="ClassIcons/Ranger.svg" id="classIcon" class="class-icon" /> + <h1 id="spellName" class="spell-name in-box"> + Безмолвный образ + </h1> + <ul class="stats in-box"> + <li> ■ </li> + <li id="castTime"> 1 действие </li> + <li> ■ </li> + <li id="distance"> 60 футов </li> + <li> ■ </li> + <li id="components"> В, С, М (кусок овечьей шерсти) </li> + <li> ■ </li> + <li id="duration"> Концентрация, до 10 минут </li> + <li> ■ </li> + </ul> + </div> + </div> + </div> + </template> + + <template id="BackTempl"> + <div class="card bard back"> + <div class="overlay"> + <div id="description" class="contents"> + </div> + </div> + </div> + </template> + </div> </body> </html> |