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

components-test.html 4.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  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. <rpg-card class="card-size-25x35" color="maroon">
  13. <card-title>
  14. <h1>Burning Hands</h1>
  15. <h2>1</h2>
  16. <card-icon src="/icons/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. </rpg-card>
  32. &nbsp;
  33. <rpg-card class="card-size-25x35" color="saddlebrown">
  34. <card-title>
  35. <h1>Brown bear</h1>
  36. <h2>2</h2>
  37. <card-icon src="/icons/pawprint.svg"></card-icon>
  38. </card-title>
  39. <card-contents>
  40. <card-subtitle>Medium beast</card-subtitle>
  41. <card-rule></card-rule>
  42. <card-dndstats mode="both" str="13" dex="10" con="15" int="-" wis="-" cha="-"></card-dndstats>
  43. <card-rule></card-rule>
  44. <card-property><h4>Armor class</h4><p>12 (natural armor)</p></card-property>
  45. <card-property><h4>Hit points</h4><p>7 (2d6)</p></card-property>
  46. <card-rule></card-rule>
  47. <card-description><h4>Multiattack</h4><p>One bite and one claw.</p></card-description>
  48. <card-fill size="2"></card-fill>
  49. <card-section>Actions</card-section>
  50. <card-description><h4>Bite</h4><p>+4 to hit, 2d6+2 piercing damage.</p></card-description>
  51. <card-description><h4>Claw</h4><p>+4 to hit, 1d8+2 piercing damage.</p></card-description>
  52. </card-contents>
  53. <card-title>
  54. <h1>Druid thingy</h1>
  55. <card-icon src="/icons/stag-head.svg"></card-icon>
  56. </card-title>
  57. </rpg-card>
  58. &nbsp;
  59. <rpg-card class="card-size-25x35" color="indigo">
  60. <card-title size="12">
  61. <h1>Wand of Magic Missile</h1>
  62. <card-icon src="/icons/crossed-swords.svg"></card-icon>
  63. </card-title>
  64. <card-contents>
  65. <card-subtitle>Wondrous item</card-subtitle>
  66. <card-rule></card-rule>
  67. <card-property><h4>Maximum charges</h4><p>7</p></card-property>
  68. <card-property><h4>Recharge</h4><p>1d6+1</p></card-property>
  69. <card-rule></card-rule>
  70. <card-fill size="2"></card-fill>
  71. <card-description><h4>Spells</h4><p>You can use your action to cast the following spells:</p></card-description>
  72. <card-bullet>Magic missile</card-bullet>
  73. <card-bullet>Magic missile</card-bullet>
  74. <card-bullet>Magic missile</card-bullet>
  75. <card-fill size="3"></card-fill>
  76. <card-boxes size="2.5" count="7"></card-boxes>
  77. <card-boxes size="2.5" count="7"></card-boxes>
  78. </card-contents>
  79. </rpg-card>
  80. &nbsp;
  81. <rpg-card class="card-size-25x35" color="forestgreen">
  82. <card-back>
  83. <card-icon src="/icons/robe.svg"></card-icon>
  84. </card-back>
  85. </rpg-card>
  86. </body>
  87. </html>