Нет описания
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

components-test.html 1.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>RPG cards</title>
  5. <!-- CSS -->
  6. <link rel=" stylesheet" type="text/css" href="css/output.css">
  7. <link rel="stylesheet" type="text/css" href="css/card-size.css">
  8. <!-- Components -->
  9. <link rel="import" href="components/card.html">
  10. </head>
  11. <body class="page-background">
  12. <card-front class="card-size-25x35" color="maroon">
  13. <card-title>
  14. <h1>Burning Hands</h1>
  15. <h2>1</h2>
  16. <card-icon src="/icons/lorc/originals/svg/book-cover.svg"></card-icon>
  17. </card-title>
  18. <card-contents>
  19. <card-subtitle>Mage spell</card-subtitle>
  20. <card-rule></card-rule>
  21. <card-property><h4>Casting time</h4><p>1 action</p></card-property>
  22. <card-property><h4>Range</h4><p>Self (15ft cone)</p></card-property>
  23. <card-property><h4>Components</h4><p>V,S,Some obscure long named material</p></card-property>
  24. <card-rule></card-rule>
  25. <card-description><h4>Mechanics</h4><p>Each creature in a 15-foot cone must make a Dexterity saving throw. A creature takes 3d6 fire damage on a failed save, or half as much damage on a successful one.</p></card-description>
  26. </card-contents>
  27. </card-front>
  28. &nbsp;
  29. <card-front class="card-size-25x35" color="saddlebrown">
  30. <card-title>
  31. <h1>Brown bear</h1>
  32. <h2>1</h2>
  33. <card-icon src="/icons/lorc/originals/svg/pawprint.svg"></card-icon>
  34. </card-title>
  35. <card-contents>
  36. <card-subtitle>Medium beast</card-subtitle>
  37. <card-rule></card-rule>
  38. <card-property>Test</card-property>
  39. </card-contents>
  40. </card-front>
  41. </body>
  42. </html>