Customizable title size

generator/css/cards.css

@@ -98,15 +98,30 @@
 
 .title {
     height: 8mm;
-    line-height: 6mm;
     padding-left: 2mm;
     font-family: Lora, 'Calisto MT', 'Bookman Old Style', Bookman, 'Goudy Old Style', Garamond, 'Hoefler Text', 'Bitstream Charter', Georgia, serif;
     font-variant: small-caps;
     font-weight: bold;
-    font-size: 14pt;
     background-color: inherit;
     color: white;
 }
+.title-big {
+    font-size: 6mm;
+    line-height: 6mm;
+}
+.title-normal {
+    font-size: 5mm;
+    line-height: 6mm;
+}
+.title-small {
+    font-size: 4mm;
+    line-height: 6.5mm;
+}
+.title-tiny {
+    font-size: 3.5mm;
+    line-height: 6.75mm;
+}
+
 .subtitle {
     height: 18px;
     line-height: 18px;

generator/data/card_data_example.js

@@ -2,7 +2,7 @@ var card_data = [
     {
         "count": 1,
         "color": "maroon",
-        "title": "Protection from Energy",
+        "title": "Burning Hands",
         "icon": "custom-spell-1",
         "icon_back": "custom-class-arcane",
         "contents": [
@@ -76,7 +76,8 @@ var card_data = [
     {
         "count": 1,
         "color": "dimgray",
-        "title": "Shortsword",
+        "title": "Shortsword of Very Long Names",
+        "title_size": "tiny",
         "icon": "custom-swords",
         "contents": [
             "subtitle | Simple melee weapon (10gp)",

generator/js/cards.js

@@ -5,6 +5,7 @@ function card_default_options() {
     return {
         default_color: "black",
         default_icon: "ace",
+        default_title_size: "normal",
         page_size: "A4",
         page_rows: 3,
         page_columns: 3,
@@ -32,13 +33,18 @@ function card_data_icon_back(card_data, options) {
     return card_data.icon_back || card_data.icon || options.default_icon || "ace";
 }
 
+function card_data_split_params(value) {
+    return value.split("|").map(function (str) { return str.trim(); });
+}
+
 // ============================================================================
 // Card element generating functions
 // ============================================================================
 
 function card_element_title(card_data, options) {
     var title = card_data.title || "";
-    return '<div class="title">' + title + '</div>';
+    var title_size = card_data.title_size || options.default_title_size || 'normal';
+    return '<div class="title title-' + title_size + '">' + title + '</div>';
 }
 
 function card_element_icon(card_data, options) {
@@ -132,7 +138,7 @@ function card_generate_contents(contents, card_data, options) {
     var result = "";
     result += '<div class="content-container">';
     result += contents.map(function (value) {
-        var parts = value.split("|").map(function (str) { return str.trim(); });
+        var parts = card_data_split_params(value);
         var element_name = parts[0];
         var element_params = parts.splice(1);
         var element_generator = card_element_generators[element_name];