暂无描述
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

components-test.html 2.4KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  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>1st level evocation</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 <b>3d6 fire damage</b> on a failed save, or half as much damage on a successful one.</p></card-description>
  26. <card-description><h4>Ignite</h4><p>The fire ignites any flammable objects in the area that aren't being worn or carried.</p></card-description>
  27. <card-fill size="2"></card-fill>
  28. <card-section>At higher levels</card-section>
  29. <card-description><p>+1d6 damage for each slot above 1st</p></card-description>
  30. </card-contents>
  31. </card-front>
  32. &nbsp;
  33. <card-front class="card-size-25x35" color="saddlebrown">
  34. <card-title>
  35. <h1>Brown bear</h1>
  36. <h2>2</h2>
  37. <card-icon src="/icons/lorc/originals/svg/pawprint.svg"></card-icon>
  38. </card-title>
  39. <card-contents>
  40. <card-subtitle>Medium beast</card-subtitle>
  41. <card-rule></card-rule>
  42. <card-property><h4>Armor class</h4><p>12 (natural armor)</p></card-property>
  43. <card-property><h4>Hit points</h4><p>7 (2d6)</p></card-property>
  44. <card-rule></card-rule>
  45. <card-fill size="2"></card-fill>
  46. </card-contents>
  47. <card-title>
  48. <h1>Druid thingy</h1>
  49. <card-icon src="/icons/lorc/originals/svg/stag-head.svg"></card-icon>
  50. </card-title>
  51. </card-front>
  52. </body>
  53. </html>