diff options
| -rw-r--r-- | bg.jpg | bin | 0 -> 86808 bytes | |||
| -rw-r--r-- | bg.zip | bin | 0 -> 88542 bytes | |||
| -rw-r--r-- | index.css | 71 | ||||
| -rw-r--r-- | index.html | 44 |
4 files changed, 115 insertions, 0 deletions
| Binary files differBinary files differ diff --git a/index.css b/index.css new file mode 100644 index 0000000..8b32243 --- /dev/null +++ b/index.css @@ -0,0 +1,71 @@ +* { + margin: 0px; + padding: 0px; + font-family: "Brygada 1918", serif; +} + +.card { + padding: -5px; + height: calc(160px * 4); + width: calc(110px * 4); + border: 5px solid black; + border-radius: 25px; + display: flex; + background-image: url("bg.jpg"); +} + +.side-panel { + height: calc(160px * 4); + width: calc(160px * 4 * 0.1); + background-color: balck; + border-top-left-radius: 20px; + border-bottom-left-radius: 20px; +} + +.level { + width: calc(160px * 4 * 0.1); + height: calc(160px * 4 * 0.1); + background-image: url("bg.jpg"); + border-top-left-radius: 20px; + border-right: 5px solid; + border-bottom: 5px solid; + border-color: black; + border-bottom-right-radius: calc((160px * 4 * 0.1) / 2); + padding: 0px; + margin: 0px; + text-align: center; + line-height: calc(160px * 4 * 0.1); +} + +.side-panel-content { + height: calc(160px * 4 - (160px * 4 * 0.1) - 5px); + display: flex; +} + +.spell-type { + align-self: flex-end; + writing-mode: sideways-lr; + margin: 10px; +} + +.contents { + padding: 10px; + width: calc(160px * 4 * 0.9 - 20px - 10px); + width: calc(110px * 4); +} + +.description > p { + font-size: 14px; +} + +.card.bard { + border-color: #c1121f; +} + +.card.bard > .side-panel { + background-color: #e63946CC; +} + +.card.bard > .side-panel > .level { + border-color: #c1121f; +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..c7f959c --- /dev/null +++ b/index.html @@ -0,0 +1,44 @@ +<!DOCTYPE HTML5> +<html> + <head> + <link href="index.css" rel="stylesheet"/> + <link rel="preconnect" href="https://fonts.googleapis.com"> + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> + <link href="https://fonts.googleapis.com/css2?family=Brygada+1918:ital,wght@0,400..700;1,400..700&family=Cormorant+Unicase:wght@300;400;500;600;700&display=swap" rel="stylesheet"> + </head> + <body> + <div class="card bard"> + <div class="side-panel"> + <h1 class="level"> XIIX </h1> + <div class="side-panel-content"> + <h1 class="spell-type"> Иллюзия </h1> + </div> + </div> + <div class="contents"> + <h1> Безмолвный образ </h1> + <div class="tags-list"> + </div> + <div class="description"> + <p> + Вы создаёте образ предмета, существа или другого + видимого явления, помещающийся в объёме в куб + с длиной ребра 15 футов. Образ появляется в + точке, которую вы видите в пределах дистанции, + и существует, пока активно заклинание. Это исключительно зрительная иллюзия, не сопровождаемая звуками, запахами и прочими сенсорными эффектами. + </p> + <p> + Вы можете действием заставить образ переместиться в любое место в пределах дистанции. + Пока образ меняет местоположение, вы можете + изменять его внешность, чтобы перемещение выглядело естественным. Например, если вы создаёте + образ существа и перемещаете его, вы можете изменить образ, чтобы казалось, что оно идёт. + </p> + <p> + Физическое взаимодействие с образом даёт + понять, что это иллюзия, потому что сквозь него + всё проходит. Существа, исследующие образ действием, могут определить, что это иллюзия, совершив успешную проверку Интеллекта (Анализ) против Сл ваших заклинаний. Если существо распознаёт иллюзию, оно может видеть сквозь неё. + </p> + </div> + </div> + </div> + </body> +</html> |
