pen-rails 0.0.3 → 0.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 0b8a1b2837b2daeb36ef63da63469d020f652d20
-  data.tar.gz: 28e15c1c472c348d48e4340bf6345007bb0093ef
+  metadata.gz: 58260829cf3cdc09f6927e84add1e2528a42c1e0
+  data.tar.gz: c92020c137f9cf2785fd2586aeb5951bbb99b86c
 SHA512:
-  metadata.gz: d68d0aa300cae75b556f2bd9f117bb36a97ea99068557319d7f9fef5f2a458336286b86060614d0e9fa66db7c96fd57df068fd73cf351866fcf8b516f81cc7f2
-  data.tar.gz: db5e765c6004fe49f0a9adcca9f793082152c61180eca8ca21910b2c97b97b69db8617e03a81764b1b580bf51a2e87fb75f5d4da77a952a2b9a2cdeebc510445
+  metadata.gz: d6fde7231c5276f667f87d190439e75792443d1323e94a90c6df988688518f2a986f02c11be9f2460a98fde15ced7aff1f3ba23dc486b6b4c6966adea7578a7c
+  data.tar.gz: 52704d929340b3602df9fda392d9c5d0aaabf2a979b97ba0b03a14ee763c32964f58bf10d0f166d6e3f3b31eb694de15714f407e3a29b47c6e5b6d65ecfd65dd

data/app/assets/fonts/fontello.svg

@@ -0,0 +1,36 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Copyright (C) 2012 by original authors @ fontello.com</metadata>
+<defs>
+<font id="fontello" horiz-adv-x="1000" >
+<font-face font-family="fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
+<missing-glyph horiz-adv-x="1000" />
+<glyph glyph-name="location" unicode="&#xe815;" d="M429 493q0 59-42 101t-101 42-101-42-42-101 42-101 101-42 101 42 42 101z m143 0q0-61-18-100l-203-432q-9-18-27-29t-38-11-38 11-26 29l-204 432q-18 39-18 100 0 118 84 202t202 84 202-84 84-202z" horiz-adv-x="571.429" />
+<glyph glyph-name="fit" unicode="&#xe80f;" d="M429 314l0-250q0-15-11-25t-25-11-25 11l-80 80-185-185q-6-6-13-6t-13 6l-64 64q-6 6-6 13t6 13l185 185-80 80q-11 11-11 25t11 25 25 11l250 0q15 0 25-11t11-25z m421 375q0-7-6-13l-185-185 80-80q11-11 11-25t-11-25-25-11l-250 0q-15 0-25 11t-11 25l0 250q0 15 11 25t25 11 25-11l80-80 185 185q6 6 13 6t13-6l64-64q6-6 6-13z" horiz-adv-x="857.143" />
+<glyph glyph-name="bold" unicode="&#xe805;" d="M310 1q42-18 78-18 73 0 121 23t68 63q21 39 21 101 0 64-23 100-32 52-79 70-45 18-138 18-41 0-56-6l0-80-1-97 2-151q0-8 7-25z m-8 416q24-4 61-4 98 0 147 36t50 125q0 62-47 104t-142 42q-29 0-73-7 0-25 1-43 4-68 3-156l-1-55q0-24 1-43z m-302-496l1 52q25 5 38 7 43 7 69 17 9 15 12 28 5 37 5 108l-1 277q-3 143-5 225-1 49-6 61-1 2-7 7-10 7-39 8-17 1-64 7l-2 46 145 3 212 7 25 1q3 0 8 0t8 0q1 0 12 0t23 0l41 0q49 0 107-15 24-7 54-22 32-16 57-42t36-58 12-68q0-39-18-71t-53-59q-15-11-84-43 99-23 149-81 51-59 51-132 0-42-16-90-12-35-40-65-37-40-78-60t-113-33q-46-8-110-6l-110 2q-47 1-166-6-18-2-152-6z" horiz-adv-x="785.714" />
+<glyph glyph-name="italic" unicode="&#xe806;" d="M0-77l9 47q2 1 43 11 42 11 65 22 16 21 23 56l15 78 31 150 7 36q4 25 9 47t9 37 7 26 5 17 2 6l16 88 9 35 12 75 4 28 0 21q-23 12-80 16-16 1-21 2l11 57 177-8q22-1 41-1 37 0 119 5 18 1 38 3t20 1q-1-11-3-21-4-16-7-28-31-11-61-17-36-9-56-17-7-17-13-49-5-25-7-46-25-111-37-171l-34-174-21-88-24-131-7-25q-1-4 1-15 36-8 66-12 20-3 37-6-1-16-4-32-4-17-5-23-10 0-13-1-13-1-23-1-5 0-16 2t-81 9l-110 1q-23 1-97-6-41-4-55-5z" horiz-adv-x="571.429" />
+<glyph glyph-name="justifyleft" unicode="&#xe80a;" d="M1000 100l0-71q0-15-11-25t-25-11l-929 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l929 0q15 0 25-11t11-25z m-214 214l0-71q0-15-11-25t-25-11l-714 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l714 0q15 0 25-11t11-25z m143 214l0-71q0-15-11-25t-25-11l-857 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l857 0q15 0 25-11t11-25z m-214 214l0-71q0-15-11-25t-25-11l-643 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l643 0q15 0 25-11t11-25z" horiz-adv-x="1000" />
+<glyph glyph-name="justifycenter" unicode="&#xe80b;" d="M1000 100l0-71q0-15-11-25t-25-11l-929 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l929 0q15 0 25-11t11-25z m-214 214l0-71q0-15-11-25t-25-11l-500 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l500 0q15 0 25-11t11-25z m143 214l0-71q0-15-11-25t-25-11l-786 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l786 0q15 0 25-11t11-25z m-214 214l0-71q0-15-11-25t-25-11l-357 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l357 0q15 0 25-11t11-25z" horiz-adv-x="1000" />
+<glyph glyph-name="justifyright" unicode="&#xe80c;" d="M1000 100l0-71q0-15-11-25t-25-11l-929 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l929 0q15 0 25-11t11-25z m0 214l0-71q0-15-11-25t-25-11l-714 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l714 0q15 0 25-11t11-25z m0 214l0-71q0-15-11-25t-25-11l-857 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l857 0q15 0 25-11t11-25z m0 214l0-71q0-15-11-25t-25-11l-643 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l643 0q15 0 25-11t11-25z" horiz-adv-x="1000" />
+<glyph glyph-name="justifyfull" unicode="&#xe80d;" d="M1000 100l0-71q0-15-11-25t-25-11l-929 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l929 0q15 0 25-11t11-25z m0 214l0-71q0-15-11-25t-25-11l-929 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l929 0q15 0 25-11t11-25z m0 214l0-71q0-15-11-25t-25-11l-929 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l929 0q15 0 25-11t11-25z m0 214l0-71q0-15-11-25t-25-11l-929 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l929 0q15 0 25-11t11-25z" horiz-adv-x="1000" />
+<glyph glyph-name="outdent" unicode="&#xe800;" d="M214 546l0-321q0-7-5-13t-13-5q-8 0-13 5l-161 161q-5 5-5 13t5 13l161 161q5 5 13 5 7 0 13-5t5-13z m786-429l0-107q0-7-5-13t-13-5l-964 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l964 0q7 0 13-5t5-13z m0 214l0-107q0-7-5-13t-13-5l-607 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l607 0q7 0 13-5t5-13z m0 214l0-107q0-7-5-13t-13-5l-607 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l607 0q7 0 13-5t5-13z m0 214l0-107q0-7-5-13t-13-5l-964 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l964 0q7 0 13-5t5-13z" horiz-adv-x="1000" />
+<glyph glyph-name="indent" unicode="&#xe801;" d="M196 386q0-8-5-13l-161-161q-5-5-13-5-7 0-13 5t-5 13l0 321q0 7 5 13t13 5q8 0 13-5l161-161q5-5 5-13z m804-268l0-107q0-7-5-13t-13-5l-964 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l964 0q7 0 13-5t5-13z m0 214l0-107q0-7-5-13t-13-5l-607 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l607 0q7 0 13-5t5-13z m0 214l0-107q0-7-5-13t-13-5l-607 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l607 0q7 0 13-5t5-13z m0 214l0-107q0-7-5-13t-13-5l-964 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l964 0q7 0 13-5t5-13z" horiz-adv-x="1000" />
+<glyph glyph-name="mode" unicode="&#xe813;" d="M429 46l0 607q-83 0-152-41t-110-110-41-152 41-152 110-110 152-41z m429 304q0-117-57-215t-156-156-215-57-215 57-156 156-57 215 57 215 156 156 215 57 215-57 156-156 57-215z" horiz-adv-x="857.143" />
+<glyph glyph-name="fullscreen" unicode="&#xe80e;" d="M716 548l-198-198 198-198 80 80q16 17 39 8 22-9 22-33l0-250q0-15-11-25t-25-11l-250 0q-23 0-33 22-9 22 8 39l80 80-198 198-198-198 80-80q17-17 8-39t-33-22l-250 0q-15 0-25 11t-11 25l0 250q0 23 22 33 22 9 39-8l80-80 198 198-198 198-80-80q-11-11-25-11-7 0-13 3-22 9-22 33l0 250q0 15 11 25t25 11l250 0q23 0 33-22 9-22-8-39l-80-80 198-198 198 198-80 80q-17 17-8 39t33 22l250 0q15 0 25-11t11-25l0-250q0-23-22-33-7-3-14-3-15 0-25 11z" horiz-adv-x="857.143" />
+<glyph glyph-name="insertunorderedlist" unicode="&#xe802;" d="M214 64q0-45-31-76t-76-31-76 31-31 76 31 76 76 31 76-31 31-76z m0 286q0-45-31-76t-76-31-76 31-31 76 31 76 76 31 76-31 31-76z m786-232l0-107q0-7-5-13t-13-5l-679 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l679 0q7 0 13-5t5-13z m-786 518q0-45-31-76t-76-31-76 31-31 76 31 76 76 31 76-31 31-76z m786-232l0-107q0-7-5-13t-13-5l-679 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l679 0q7 0 13-5t5-13z m0 286l0-107q0-7-5-13t-13-5l-679 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l679 0q7 0 13-5t5-13z" horiz-adv-x="1000" />
+<glyph glyph-name="insertorderedlist" unicode="&#xe803;" d="M213-54q0-45-30-70t-76-26q-59 0-96 37l32 49q27-25 59-25 16 0 28 8t12 24q0 36-59 31l-15 31q4 6 18 24t24 30 21 21l0 1q-9 0-27-1t-27-1l0-30-59 0 0 85 186 0 0-49-53-64q28-7 45-27t17-49z m1 350l0-89-202 0q-3 20-3 30 0 28 13 52t32 38 37 27 32 24 13 25q0 14-8 21t-22 8q-26 0-45-32l-47 33q13 28 40 44t59 16q41 0 69-23t28-63q0-28-19-51t-42-36-42-28-20-29l71 0 0 33 59 0z m786-178l0-107q0-7-5-13t-13-5l-679 0q-7 0-13 5t-5 13l0 107q0 8 5 13t13 5l679 0q7 0 13-5t5-13z m-786 502l0-55-187 0 0 55 60 0q0 23 0 68t0 68l0 7-1 0q-4-9-28-30l-40 42 76 71 59 0 0-225 60 0z m786-216l0-107q0-7-5-13t-13-5l-679 0q-7 0-13 5t-5 13l0 107q0 8 5 13t13 5l679 0q7 0 13-5t5-13z m0 286l0-107q0-7-5-13t-13-5l-679 0q-7 0-13 5t-5 13l0 107q0 7 5 13t13 5l679 0q7 0 13-5t5-13z" horiz-adv-x="1000" />
+<glyph glyph-name="strikethrough" unicode="&#xe807;" d="M982 350q8 0 13-5t5-13l0-36q0-8-5-13t-13-5l-964 0q-8 0-13 5t-5 13l0 36q0 8 5 13t13 5l964 0z m-713 36q-16 20-28 45-27 54-27 105 0 101 75 172 74 71 219 71 28 0 93-11 37-7 99-27 6-21 12-66 8-69 8-102 0-10-3-25l-7-2-47 3-8 1q-28 83-57 114-49 51-117 51-64 0-102-33-37-32-37-81 0-41 37-78t156-72q39-11 97-37 32-16 53-29l-415 0z m283-143l229 0q4-22 4-51 0-62-23-118-13-31-40-58-21-20-61-45-45-27-85-37-45-12-113-12-64 0-109 13l-78 22q-32 9-40 16-4 4-4 12l0 7q0 60-1 87-1 17 0 38l1 21 0 25 57 1q8-19 17-40t13-31 7-15q20-32 45-52 24-20 59-32 33-12 74-12 36 0 78 15 43 15 68 48 26 34 26 72 0 47-45 88-19 16-76 40z" horiz-adv-x="1000" />
+<glyph glyph-name="underline" unicode="&#xe804;" d="M27 726q-21 1-25 2l-2 49q7 1 22 1 33 0 62-2 74-4 93-4 48 0 94 2 65 2 81 3 31 0 48 1l-1-8 1-36 0-5q-33-5-69-5-33 0-44-14-7-8-7-74 0-7 0-18t0-14l1-128 8-156q3-69 28-113 20-33 54-51 49-26 99-26 58 0 107 16 31 10 55 28 27 20 36 36 20 31 30 64 12 41 12 128 0 44-2 71t-6 68-8 89l-2 33q-3 37-13 49-19 20-43 19l-56-1-8 2 1 48 47 0 114-6q42-2 109 6l10-1q3-21 3-28 0-4-2-17-25-7-47-7-41-6-44-9-8-8-8-23 0-4 1-15t1-17q4-11 12-221 3-109-8-170-8-42-23-68-21-36-62-69-42-32-102-50-61-18-142-18-93 0-158 26-66 26-100 68t-46 109q-9 45-9 132l0 186q0 105-9 119-14 20-82 22z m830-786l0 36q0 8-5 13t-13 5l-821 0q-8 0-13-5t-5-13l0-36q0-8 5-13t13-5l821 0q8 0 13 5t5 13z" horiz-adv-x="857.143" />
+<glyph glyph-name="blockquote" unicode="&#xe814;" d="M429 671l0-393q0-58-23-111t-61-91-91-61-111-23l-36 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l36 0q59 0 101 42t42 101l0 18q0 22-16 38t-38 16l-125 0q-45 0-76 31t-31 76l0 214q0 45 31 76t76 31l214 0q45 0 76-31t31-76z m500 0l0-393q0-58-23-111t-61-91-91-61-111-23l-36 0q-15 0-25 11t-11 25l0 71q0 15 11 25t25 11l36 0q59 0 101 42t42 101l0 18q0 22-16 38t-38 16l-125 0q-45 0-76 31t-31 76l0 214q0 45 31 76t76 31l214 0q45 0 76-31t31-76z" horiz-adv-x="928.571" />
+<glyph glyph-name="undo" unicode="&#xe817;" d="M1000 225q0-93-71-252-2-4-6-13t-8-17-7-12q-7-9-16-9-8 0-13 6t-5 14q0 5 1 15t1 13q3 38 3 69 0 56-10 101t-27 77-45 56-59 39-74 24-86 12-98 3l-125 0 0-143q0-15-11-25t-25-11-25 11l-286 286q-11 11-11 25t11 25l286 286q11 11 25 11t25-11 11-25l0-143 125 0q398 0 488-225 30-75 30-186z" horiz-adv-x="1000" />
+<glyph glyph-name="code" unicode="&#xe816;" d="M344 69l-28-28q-6-6-13-6t-13 6l-260 260q-6 6-6 13t6 13l260 260q6 6 13 6t13-6l28-28q6-6 6-13t-6-13l-219-219 219-219q6-6 6-13t-6-13z m330 595l-208-720q-2-7-9-11t-13-1l-35 9q-7 2-11 9t-1 14l208 720q2 7 9 11t13 1l35-9q7-2 11-9t1-14z m367-363l-260-260q-6-6-13-6t-13 6l-28 28q-6 6-6 13t6 13l219 219-219 219q-6 6-6 13t6 13l28 28q6 6 13 6t13-6l260-260q6-6 6-13t-6-13z" horiz-adv-x="1071.429" />
+<glyph glyph-name="unlink" unicode="&#xe811;" d="M245 141l-143-143q-6-5-13-5t-13 5q-5 6-5 13t5 13l143 143q6 5 13 5t13-5q5-6 5-13t-5-13z m94-23l0-179q0-8-5-13t-13-5-13 5-5 13l0 179q0 8 5 13t13 5 13-5 5-13z m-125 125q0-8-5-13t-13-5l-179 0q-8 0-13 5t-5 13 5 13 13 5l179 0q8 0 13-5t5-13z m705-71q0-67-47-113l-82-81q-46-46-113-46-68 0-114 47l-186 187q-12 12-23 31l133 10 152-153q15-15 38-15t38 15l82 81q16 16 16 37 0 22-16 38l-153 153 10 133q20-12 31-23l187-187q47-48 47-114z m-344 404l-133-10-152 153q-16 16-38 16t-38-15l-82-81q-16-16-16-37 0-22 16-38l153-153-10-134q-20 12-31 23l-187 187q-47 48-47 114 0 67 47 113l82 81q46 46 113 46 68 0 114-47l186-187q12-12 23-31z m353-47q0-8-5-13t-13-5l-179 0q-8 0-13 5t-5 13 5 13 13 5l179 0q8 0 13-5t5-13z m-304 304l0-179q0-8-5-13t-13-5-13 5-5 13l0 179q0 8 5 13t13 5 13-5 5-13z m227-84l-143-143q-6-5-13-5t-13 5q-5 6-5 13t5 13l143 143q6 5 13 5t13-5q5-6 5-13t-5-13z" horiz-adv-x="928.571" />
+<glyph glyph-name="superscript" unicode="&#xe808;" d="M501 86l0-93-138 0-89 141-13 23q-4 5-6 12l-2 0-5-12q-6-11-14-25l-86-140-144 0 0 93 71 0 110 162-103 152-76 0 0 94 154 0 78-127q1-2 13-23 4-5 6-12l2 0q2 5 6 12l14 23 78 127 143 0 0-94-70 0-103-149 114-165 61 0z m355 379l0-115-287 0-2 15q-2 16-2 26 0 36 15 65t36 48 47 36 47 30 36 30 15 36q0 21-16 35t-39 14q-28 0-54-22-8-6-20-21l-59 51q15 21 35 37 46 36 105 36 61 0 99-33t38-88q0-31-14-57t-35-43-45-33-46-28-37-29-17-35l129 0 0 45 70 0z" horiz-adv-x="857.143" />
+<glyph glyph-name="subscript" unicode="&#xe809;" d="M501 86l0-93-138 0-89 141-13 23q-4 5-6 12l-2 0-5-12q-6-11-14-25l-86-140-144 0 0 93 71 0 110 162-103 152-76 0 0 94 154 0 78-127q1-2 13-23 4-5 6-12l2 0q2 5 6 12l14 23 78 127 143 0 0-94-70 0-103-149 114-165 61 0z m357-121l0-115-287 0-2 15q-2 25-2 26 0 36 15 65t36 48 47 36 47 30 36 30 15 36q0 21-16 35t-39 14q-28 0-54-22-8-6-20-21l-59 51q15 21 35 37 45 36 105 36 61 0 99-33t38-88q0-37-19-66t-47-48-56-35-49-35-23-41l129 0 0 45 70 0z" horiz-adv-x="857.143" />
+<glyph glyph-name="inserthorizontalrule" unicode="&#xe818;" d="M214 439l0-107q0-22-16-38t-38-16l-107 0q-22 0-38 16t-16 38l0 107q0 22 16 38t38 16l107 0q22 0 38-16t16-38z m286 0l0-107q0-22-16-38t-38-16l-107 0q-22 0-38 16t-16 38l0 107q0 22 16 38t38 16l107 0q22 0 38-16t16-38z m286 0l0-107q0-22-16-38t-38-16l-107 0q-22 0-38 16t-16 38l0 107q0 22 16 38t38 16l107 0q22 0 38-16t16-38z" horiz-adv-x="785.714" />
+<glyph glyph-name="pin" unicode="&#xe812;" d="M268 368l0 250q0 8-5 13t-13 5-13-5-5-13l0-250q0-8 5-13t13-5 13 5 5 13z m375-196q0-15-11-25t-25-11l-239 0-28-270q-1-7-6-11t-11-5l-1 0q-15 0-18 15l-42 271-225 0q-15 0-25 11t-11 25q0 69 44 124t99 55l0 286q-29 0-50 21t-21 50 21 50 50 21l357 0q29 0 50-21t21-50-21-50-50-21l0-286q55 0 99-55t44-124z" horiz-adv-x="642.857" />
+<glyph glyph-name="createlink" unicode="&#xe810;" d="M812 171q0 22-16 38l-116 116q-16 16-38 16-23 0-40-18 2-2 11-10t12-12 8-11 7-14 2-15q0-22-16-38t-38-16q-8 0-15 2t-14 7-11 8-12 12-10 11q-18-17-18-41 0-22 16-38l115-116q15-15 38-15 22 0 38 15l82 81q16 16 16 37z m-392 393q0 22-16 38l-115 116q-16 16-38 16t-38-15l-82-81q-16-16-16-37 0-22 16-38l116-116q15-15 38-15t40 17q-2 2-11 10t-12 12-8 11-7 14-2 15q0 22 16 38t38 16q8 0 15-2t14-7 11-8 12-12 10-11q18 17 18 41z m499-393q0-67-47-113l-82-81q-46-46-113-46-68 0-114 47l-115 116q-46 46-46 113 0 69 49 117l-49 49q-48-49-116-49-67 0-114 47l-116 116q-47 47-47 114t47 113l82 81q46 46 113 46 68 0 114-47l115-116q46-46 46-113 0-69-49-117l49-49q48 49 116 49 67 0 114-47l116-116q47-47 47-114z" horiz-adv-x="928.571" />
+</font>
+</defs>
+</svg>

data/app/assets/javascripts/backbone-validation.js

@@ -0,0 +1,605 @@
+// Backbone.Validation v0.8.0
+//
+// Copyright (c) 2011-2013 Thomas Pedersen
+// Distributed under MIT License
+//
+// Documentation and full license available at:
+// http://thedersen.com/projects/backbone-validation
+Backbone.Validation = (function(_){
+  'use strict';
+
+  // Default options
+  // ---------------
+
+  var defaultOptions = {
+    forceUpdate: false,
+    selector: 'name',
+    labelFormatter: 'sentenceCase',
+    valid: Function.prototype,
+    invalid: Function.prototype
+  };
+
+
+  // Helper functions
+  // ----------------
+
+  // Formatting functions used for formatting error messages
+  var formatFunctions = {
+    // Uses the configured label formatter to format the attribute name
+    // to make it more readable for the user
+    formatLabel: function(attrName, model) {
+      return defaultLabelFormatters[defaultOptions.labelFormatter](attrName, model);
+    },
+
+    // Replaces nummeric placeholders like {0} in a string with arguments
+    // passed to the function
+    format: function() {
+      var args = Array.prototype.slice.call(arguments),
+          text = args.shift();
+      return text.replace(/\{(\d+)\}/g, function(match, number) {
+        return typeof args[number] !== 'undefined' ? args[number] : match;
+      });
+    }
+  };
+
+  // Flattens an object
+  // eg:
+  //
+  //     var o = {
+  //       address: {
+  //         street: 'Street',
+  //         zip: 1234
+  //       }
+  //     };
+  //
+  // becomes:
+  //
+  //     var o = {
+  //       'address.street': 'Street',
+  //       'address.zip': 1234
+  //     };
+  var flatten = function (obj, into, prefix) {
+    into = into || {};
+    prefix = prefix || '';
+
+    _.each(obj, function(val, key) {
+      if(obj.hasOwnProperty(key)) {
+        if (val && typeof val === 'object' && !(
+          val instanceof Date ||
+          val instanceof RegExp ||
+          val instanceof Backbone.Model ||
+          val instanceof Backbone.Collection)
+        ) {
+          flatten(val, into, prefix + key + '.');
+        }
+        else {
+          into[prefix + key] = val;
+        }
+      }
+    });
+
+    return into;
+  };
+
+  // Validation
+  // ----------
+
+  var Validation = (function(){
+
+    // Returns an object with undefined properties for all
+    // attributes on the model that has defined one or more
+    // validation rules.
+    var getValidatedAttrs = function(model) {
+      return _.reduce(_.keys(model.validation || {}), function(memo, key) {
+        memo[key] = void 0;
+        return memo;
+      }, {});
+    };
+
+    // Looks on the model for validations for a specified
+    // attribute. Returns an array of any validators defined,
+    // or an empty array if none is defined.
+    var getValidators = function(model, attr) {
+      var attrValidationSet = model.validation ? model.validation[attr] || {} : {};
+
+      // If the validator is a function or a string, wrap it in a function validator
+      if (_.isFunction(attrValidationSet) || _.isString(attrValidationSet)) {
+        attrValidationSet = {
+          fn: attrValidationSet
+        };
+      }
+
+      // Stick the validator object into an array
+      if(!_.isArray(attrValidationSet)) {
+        attrValidationSet = [attrValidationSet];
+      }
+
+      // Reduces the array of validators into a new array with objects
+      // with a validation method to call, the value to validate against
+      // and the specified error message, if any
+      return _.reduce(attrValidationSet, function(memo, attrValidation) {
+        _.each(_.without(_.keys(attrValidation), 'msg'), function(validator) {
+          memo.push({
+            fn: defaultValidators[validator],
+            val: attrValidation[validator],
+            msg: attrValidation.msg
+          });
+        });
+        return memo;
+      }, []);
+    };
+
+    // Validates an attribute against all validators defined
+    // for that attribute. If one or more errors are found,
+    // the first error message is returned.
+    // If the attribute is valid, an empty string is returned.
+    var validateAttr = function(model, attr, value, computed) {
+      // Reduces the array of validators to an error message by
+      // applying all the validators and returning the first error
+      // message, if any.
+      return _.reduce(getValidators(model, attr), function(memo, validator){
+        // Pass the format functions plus the default
+        // validators as the context to the validator
+        var ctx = _.extend({}, formatFunctions, defaultValidators),
+            result = validator.fn.call(ctx, value, attr, validator.val, model, computed);
+
+        if(result === false || memo === false) {
+          return false;
+        }
+        if (result && !memo) {
+          return validator.msg || result;
+        }
+        return memo;
+      }, '');
+    };
+
+    // Loops through the model's attributes and validates them all.
+    // Returns and object containing names of invalid attributes
+    // as well as error messages.
+    var validateModel = function(model, attrs) {
+      var error,
+          invalidAttrs = {},
+          isValid = true,
+          computed = _.clone(attrs),
+          flattened = flatten(attrs);
+
+      _.each(flattened, function(val, attr) {
+        error = validateAttr(model, attr, val, computed);
+        if (error) {
+          invalidAttrs[attr] = error;
+          isValid = false;
+        }
+      });
+
+      return {
+        invalidAttrs: invalidAttrs,
+        isValid: isValid
+      };
+    };
+
+    // Contains the methods that are mixed in on the model when binding
+    var mixin = function(view, options) {
+      return {
+
+        // Check whether or not a value passes validation
+        // without updating the model
+        preValidate: function(attr, value) {
+          return validateAttr(this, attr, value, _.extend({}, this.attributes));
+        },
+
+        // Check to see if an attribute, an array of attributes or the
+        // entire model is valid. Passing true will force a validation
+        // of the model.
+        isValid: function(option) {
+          var flattened = flatten(this.attributes);
+
+          if(_.isString(option)){
+            return !validateAttr(this, option, flattened[option], _.extend({}, this.attributes));
+          }
+          if(_.isArray(option)){
+            return _.reduce(option, function(memo, attr) {
+              return memo && !validateAttr(this, attr, flattened[attr], _.extend({}, this.attributes));
+            }, true, this);
+          }
+          if(option === true) {
+            this.validate();
+          }
+          return this.validation ? this._isValid : true;
+        },
+
+        // This is called by Backbone when it needs to perform validation.
+        // You can call it manually without any parameters to validate the
+        // entire model.
+        validate: function(attrs, setOptions){
+          var model = this,
+              validateAll = !attrs,
+              opt = _.extend({}, options, setOptions),
+              validatedAttrs = getValidatedAttrs(model),
+              allAttrs = _.extend({}, validatedAttrs, model.attributes, attrs),
+              changedAttrs = flatten(attrs || allAttrs),
+
+              result = validateModel(model, allAttrs);
+
+          model._isValid = result.isValid;
+
+          // After validation is performed, loop through all changed attributes
+          // and call the valid callbacks so the view is updated.
+          _.each(validatedAttrs, function(val, attr){
+            var invalid = result.invalidAttrs.hasOwnProperty(attr);
+            if(!invalid){
+              opt.valid(view, attr, opt.selector);
+            }
+          });
+
+          // After validation is performed, loop through all changed attributes
+          // and call the invalid callback so the view is updated.
+          _.each(validatedAttrs, function(val, attr){
+            var invalid = result.invalidAttrs.hasOwnProperty(attr),
+                changed = changedAttrs.hasOwnProperty(attr);
+
+            if(invalid && (changed || validateAll)){
+              opt.invalid(view, attr, result.invalidAttrs[attr], opt.selector);
+            }
+          });
+
+          // Trigger validated events.
+          // Need to defer this so the model is actually updated before
+          // the event is triggered.
+          _.defer(function() {
+            model.trigger('validated', model._isValid, model, result.invalidAttrs);
+            model.trigger('validated:' + (model._isValid ? 'valid' : 'invalid'), model, result.invalidAttrs);
+          });
+
+          // Return any error messages to Backbone, unless the forceUpdate flag is set.
+          // Then we do not return anything and fools Backbone to believe the validation was
+          // a success. That way Backbone will update the model regardless.
+          if (!opt.forceUpdate && _.intersection(_.keys(result.invalidAttrs), _.keys(changedAttrs)).length > 0) {
+            return result.invalidAttrs;
+          }
+        }
+      };
+    };
+
+    // Helper to mix in validation on a model
+    var bindModel = function(view, model, options) {
+      _.extend(model, mixin(view, options));
+    };
+
+    // Removes the methods added to a model
+    var unbindModel = function(model) {
+      delete model.validate;
+      delete model.preValidate;
+      delete model.isValid;
+    };
+
+    // Mix in validation on a model whenever a model is
+    // added to a collection
+    var collectionAdd = function(model) {
+      bindModel(this.view, model, this.options);
+    };
+
+    // Remove validation from a model whenever a model is
+    // removed from a collection
+    var collectionRemove = function(model) {
+      unbindModel(model);
+    };
+
+    // Returns the public methods on Backbone.Validation
+    return {
+
+      // Current version of the library
+      version: '0.8.0',
+
+      // Called to configure the default options
+      configure: function(options) {
+        _.extend(defaultOptions, options);
+      },
+
+      // Hooks up validation on a view with a model
+      // or collection
+      bind: function(view, options) {
+        var model = view.model,
+            collection = view.collection;
+
+        options = _.extend({}, defaultOptions, defaultCallbacks, options);
+
+        if(typeof model === 'undefined' && typeof collection === 'undefined'){
+          throw 'Before you execute the binding your view must have a model or a collection.\n' +
+                'See http://thedersen.com/projects/backbone-validation/#using-form-model-validation for more information.';
+        }
+
+        if(model) {
+          bindModel(view, model, options);
+        }
+        else if(collection) {
+          collection.each(function(model){
+            bindModel(view, model, options);
+          });
+          collection.bind('add', collectionAdd, {view: view, options: options});
+          collection.bind('remove', collectionRemove);
+        }
+      },
+
+      // Removes validation from a view with a model
+      // or collection
+      unbind: function(view) {
+        var model = view.model,
+            collection = view.collection;
+
+        if(model) {
+          unbindModel(view.model);
+        }
+        if(collection) {
+          collection.each(function(model){
+            unbindModel(model);
+          });
+          collection.unbind('add', collectionAdd);
+          collection.unbind('remove', collectionRemove);
+        }
+      },
+
+      // Used to extend the Backbone.Model.prototype
+      // with validation
+      mixin: mixin(null, defaultOptions)
+    };
+  }());
+
+
+  // Callbacks
+  // ---------
+
+  var defaultCallbacks = Validation.callbacks = {
+
+    // Gets called when a previously invalid field in the
+    // view becomes valid. Removes any error message.
+    // Should be overridden with custom functionality.
+    valid: function(view, attr, selector) {
+      view.$('[' + selector + '~="' + attr + '"]')
+          .removeClass('invalid')
+          .removeAttr('data-error');
+    },
+
+    // Gets called when a field in the view becomes invalid.
+    // Adds a error message.
+    // Should be overridden with custom functionality.
+    invalid: function(view, attr, error, selector) {
+      view.$('[' + selector + '~="' + attr + '"]')
+          .addClass('invalid')
+          .attr('data-error', error);
+    }
+  };
+
+
+  // Patterns
+  // --------
+
+  var defaultPatterns = Validation.patterns = {
+    // Matches any digit(s) (i.e. 0-9)
+    digits: /^\d+$/,
+
+    // Matched any number (e.g. 100.000)
+    number: /^-?(?:\d+|\d{1,3}(?:,\d{3})+)(?:\.\d+)?$/,
+
+    // Matches a valid email address (e.g. mail@example.com)
+    email: /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i,
+
+    // Mathes any valid url (e.g. http://www.xample.com)
+    url: /^(https?|ftp):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i
+  };
+
+
+  // Error messages
+  // --------------
+
+  // Error message for the build in validators.
+  // {x} gets swapped out with arguments form the validator.
+  var defaultMessages = Validation.messages = {
+    required: '{0} is required',
+    acceptance: '{0} must be accepted',
+    min: '{0} must be greater than or equal to {1}',
+    max: '{0} must be less than or equal to {1}',
+    range: '{0} must be between {1} and {2}',
+    length: '{0} must be {1} characters',
+    minLength: '{0} must be at least {1} characters',
+    maxLength: '{0} must be at most {1} characters',
+    rangeLength: '{0} must be between {1} and {2} characters',
+    oneOf: '{0} must be one of: {1}',
+    equalTo: '{0} must be the same as {1}',
+    pattern: '{0} must be a valid {1}'
+  };
+
+  // Label formatters
+  // ----------------
+
+  // Label formatters are used to convert the attribute name
+  // to a more human friendly label when using the built in
+  // error messages.
+  // Configure which one to use with a call to
+  //
+  //     Backbone.Validation.configure({
+  //       labelFormatter: 'label'
+  //     });
+  var defaultLabelFormatters = Validation.labelFormatters = {
+
+    // Returns the attribute name with applying any formatting
+    none: function(attrName) {
+      return attrName;
+    },
+
+    // Converts attributeName or attribute_name to Attribute name
+    sentenceCase: function(attrName) {
+      return attrName.replace(/(?:^\w|[A-Z]|\b\w)/g, function(match, index) {
+        return index === 0 ? match.toUpperCase() : ' ' + match.toLowerCase();
+      }).replace('_', ' ');
+    },
+
+    // Looks for a label configured on the model and returns it
+    //
+    //      var Model = Backbone.Model.extend({
+    //        validation: {
+    //          someAttribute: {
+    //            required: true
+    //          }
+    //        },
+    //
+    //        labels: {
+    //          someAttribute: 'Custom label'
+    //        }
+    //      });
+    label: function(attrName, model) {
+      return (model.labels && model.labels[attrName]) || defaultLabelFormatters.sentenceCase(attrName, model);
+    }
+  };
+
+
+  // Built in validators
+  // -------------------
+
+  var defaultValidators = Validation.validators = (function(){
+    // Use native trim when defined
+    var trim = String.prototype.trim ?
+      function(text) {
+        return text === null ? '' : String.prototype.trim.call(text);
+      } :
+      function(text) {
+        var trimLeft = /^\s+/,
+            trimRight = /\s+$/;
+
+        return text === null ? '' : text.toString().replace(trimLeft, '').replace(trimRight, '');
+      };
+
+    // Determines whether or not a value is a number
+    var isNumber = function(value){
+      return _.isNumber(value) || (_.isString(value) && value.match(defaultPatterns.number));
+    };
+
+    // Determines whether or not not a value is empty
+    var hasValue = function(value) {
+      return !(_.isNull(value) || _.isUndefined(value) || (_.isString(value) && trim(value) === ''));
+    };
+
+    return {
+      // Function validator
+      // Lets you implement a custom function used for validation
+      fn: function(value, attr, fn, model, computed) {
+        if(_.isString(fn)){
+          fn = model[fn];
+        }
+        return fn.call(model, value, attr, computed);
+      },
+
+      // Required validator
+      // Validates if the attribute is required or not
+      required: function(value, attr, required, model, computed) {
+        var isRequired = _.isFunction(required) ? required.call(model, value, attr, computed) : required;
+        if(!isRequired && !hasValue(value)) {
+          return false; // overrides all other validators
+        }
+        if (isRequired && !hasValue(value)) {
+          return this.format(defaultMessages.required, this.formatLabel(attr, model));
+        }
+      },
+
+      // Acceptance validator
+      // Validates that something has to be accepted, e.g. terms of use
+      // `true` or 'true' are valid
+      acceptance: function(value, attr, accept, model) {
+        if(value !== 'true' && (!_.isBoolean(value) || value === false)) {
+          return this.format(defaultMessages.acceptance, this.formatLabel(attr, model));
+        }
+      },
+
+      // Min validator
+      // Validates that the value has to be a number and equal to or greater than
+      // the min value specified
+      min: function(value, attr, minValue, model) {
+        if (!isNumber(value) || value < minValue) {
+          return this.format(defaultMessages.min, this.formatLabel(attr, model), minValue);
+        }
+      },
+
+      // Max validator
+      // Validates that the value has to be a number and equal to or less than
+      // the max value specified
+      max: function(value, attr, maxValue, model) {
+        if (!isNumber(value) || value > maxValue) {
+          return this.format(defaultMessages.max, this.formatLabel(attr, model), maxValue);
+        }
+      },
+
+      // Range validator
+      // Validates that the value has to be a number and equal to or between
+      // the two numbers specified
+      range: function(value, attr, range, model) {
+        if(!isNumber(value) || value < range[0] || value > range[1]) {
+          return this.format(defaultMessages.range, this.formatLabel(attr, model), range[0], range[1]);
+        }
+      },
+
+      // Length validator
+      // Validates that the value has to be a string with length equal to
+      // the length value specified
+      length: function(value, attr, length, model) {
+        if (!hasValue(value) || trim(value).length !== length) {
+          return this.format(defaultMessages.length, this.formatLabel(attr, model), length);
+        }
+      },
+
+      // Min length validator
+      // Validates that the value has to be a string with length equal to or greater than
+      // the min length value specified
+      minLength: function(value, attr, minLength, model) {
+        if (!hasValue(value) || trim(value).length < minLength) {
+          return this.format(defaultMessages.minLength, this.formatLabel(attr, model), minLength);
+        }
+      },
+
+      // Max length validator
+      // Validates that the value has to be a string with length equal to or less than
+      // the max length value specified
+      maxLength: function(value, attr, maxLength, model) {
+        if (!hasValue(value) || trim(value).length > maxLength) {
+          return this.format(defaultMessages.maxLength, this.formatLabel(attr, model), maxLength);
+        }
+      },
+
+      // Range length validator
+      // Validates that the value has to be a string and equal to or between
+      // the two numbers specified
+      rangeLength: function(value, attr, range, model) {
+        if(!hasValue(value) || trim(value).length < range[0] || trim(value).length > range[1]) {
+          return this.format(defaultMessages.rangeLength, this.formatLabel(attr, model), range[0], range[1]);
+        }
+      },
+
+      // One of validator
+      // Validates that the value has to be equal to one of the elements in
+      // the specified array. Case sensitive matching
+      oneOf: function(value, attr, values, model) {
+        if(!_.include(values, value)){
+          return this.format(defaultMessages.oneOf, this.formatLabel(attr, model), values.join(', '));
+        }
+      },
+
+      // Equal to validator
+      // Validates that the value has to be equal to the value of the attribute
+      // with the name specified
+      equalTo: function(value, attr, equalTo, model, computed) {
+        if(value !== computed[equalTo]) {
+          return this.format(defaultMessages.equalTo, this.formatLabel(attr, model), this.formatLabel(equalTo, model));
+        }
+      },
+
+      // Pattern validator
+      // Validates that the value has to match the pattern specified.
+      // Can be a regular expression or the name of one of the built in patterns
+      pattern: function(value, attr, pattern, model) {
+        if (!hasValue(value) || !value.toString().match(defaultPatterns[pattern] || pattern)) {
+          return this.format(defaultMessages.pattern, this.formatLabel(attr, model), pattern);
+        }
+      }
+    };
+  }());
+
+  return Validation;
+}(_));

data/app/assets/javascripts/markdown.js

@@ -0,0 +1,72 @@
+/*! Licensed under MIT, https://github.com/sofish/pen */
+(function() {
+
+  // only works with Pen
+  if(!this.Pen) return;
+
+  // markdown covertor obj
+  var covertor = {
+    keymap: { '96': '`', '62': '>', '49': '1', '46': '.', '45': '-', '42': '*', '35': '#'},
+    stack : []
+  };
+
+  // return valid markdown syntax
+  covertor.valid = function(str) {
+    var len = str.length;
+
+    if(str.match(/[#]{1,6}/)) {
+      return ['h' + len, len];
+    } else if(str === '```') {
+      return ['pre', len];
+    } else if(str === '>') {
+      return ['blockquote', len];
+    } else if(str === '1.') {
+      return ['insertorderedlist', len];
+    } else if(str === '-' || str === '*') {
+      return ['insertunorderedlist', len];
+    } else if(str.match(/(?:\.|\*|\-){3,}/)) {
+      return ['inserthorizontalrule', len];
+    }
+  };
+
+  // parse command
+  covertor.parse = function(e) {
+    var code = e.keyCode || e.which;
+
+    // when `space` is pressed
+    if(code === 32) {
+      var cmd = this.stack.join('');
+      this.stack.length = 0;
+      return this.valid(cmd);
+    }
+
+    // make cmd
+    if(this.keymap[code]) this.stack.push(this.keymap[code]);
+
+    return false;
+  };
+
+  // exec command
+  covertor.action = function(pen, cmd) {
+
+    // only apply effect at line start
+    if(pen._sel.focusOffset > cmd[1]) return;
+
+    var node = pen._sel.focusNode;
+    node.textContent = node.textContent.slice(cmd[1]);
+    pen._actions(cmd[0]);
+    pen.nostyle();
+  };
+
+  // init covertor
+  covertor.init = function(pen) {
+    pen.config.editor.addEventListener('keypress', function(e) {
+      var cmd = covertor.parse(e);
+      if(cmd) return covertor.action(pen, cmd);
+    });
+  };
+
+  // append to Pen
+  window.Pen.prototype.markdown = covertor;
+
+}());

data/app/assets/javascripts/pen.js

@@ -0,0 +1,368 @@
+/*! Licensed under MIT, https://github.com/sofish/pen */
+/* jshint -W030, -W093, -W015 */
+(function(doc) {
+
+  var Pen, FakePen, utils = {};
+
+  // type detect
+  utils.is = function(obj, type) {
+    return Object.prototype.toString.call(obj).slice(8, -1) === type;
+  };
+
+  // copy props from a obj
+  utils.copy = function(defaults, source) {
+    for(var p in source) {
+      if(source.hasOwnProperty(p)) {
+        var val = source[p];
+        defaults[p] = this.is(val, 'Object') ? this.copy({}, val) :
+          this.is(val, 'Array') ? this.copy([], val) : val;
+      }
+    }
+    return defaults;
+  };
+
+  // log
+  utils.log = function(message, force) {
+    if(window._pen_debug_mode_on || force) console.log('%cPEN DEBUGGER: %c' + message, 'font-family:arial,sans-serif;color:#1abf89;line-height:2em;', 'font-family:cursor,monospace;color:#333;');
+  };
+
+  // shift a function
+  utils.shift = function(key, fn, time) {
+    time = time || 50;
+    var queue = this['_shift_fn' + key], timeout = 'shift_timeout' + key, current;
+    queue ? queue.concat([fn, time]) : (queue = [[fn, time]]);
+    current = queue.pop();
+    clearTimeout(this[timeout]);
+    this[timeout] = setTimeout(function() {
+      current[0]();
+    }, time);
+  };
+
+  // merge: make it easy to have a fallback
+  utils.merge = function(config) {
+
+    // default settings
+    var defaults = {
+      class: 'pen',
+      debug: false,
+      stay: config.stay || !config.debug,
+      textarea: '<textarea name="content"></textarea>',
+      list: [
+        'blockquote', 'h2', 'h3', 'p', 'insertorderedlist', 'insertunorderedlist', 'inserthorizontalrule',
+        'indent', 'outdent', 'bold', 'italic', 'underline', 'createlink'
+      ]
+    };
+
+    // user-friendly config
+    if(config.nodeType === 1) {
+      defaults.editor = config;
+    } else if(config.match && config.match(/^#[\S]+$/)) {
+      defaults.editor = document.getElementById(config.slice(1));
+    } else {
+      defaults = utils.copy(defaults, config);
+    }
+
+    return defaults;
+  };
+
+  Pen = function(config) {
+
+    if(!config) return utils.log('can\'t find config', true);
+
+    // merge user config
+    var defaults = utils.merge(config);
+
+    if(defaults.editor.nodeType !== 1) return utils.log('can\'t find editor');
+    if(defaults.debug) window._pen_debug_mode_on = true;
+
+    var editor = defaults.editor;
+
+    // set default class
+    editor.classList.add(defaults.class);
+
+    // set contenteditable
+    var editable = editor.getAttribute('contenteditable');
+    if(!editable) editor.setAttribute('contenteditable', 'true');
+
+    // assign config
+    this.config = defaults;
+
+    // save the selection obj
+    this._sel = doc.getSelection();
+
+    // map actions
+    this.actions();
+
+    // enable toolbar
+    this.toolbar();
+
+    // enable markdown covert
+    this.markdown && this.markdown.init(this);
+
+    // stay on the page
+    this.config.stay && this.stay();
+  };
+
+  // node effects
+  Pen.prototype._effectNode = function(el, returnAsNodeName) {
+    var nodes = [];
+    while(el !== this.config.editor) {
+      if(el.nodeName.match(/(?:[pubia]|h[1-6]|blockquote|[uo]l|li)/i)) {
+        nodes.push(returnAsNodeName ? el.nodeName.toLowerCase() : el);
+      }
+      el = el.parentNode;
+    }
+    return nodes;
+  };
+
+  // remove style attr
+  Pen.prototype.nostyle = function() {
+    var els = this.config.editor.querySelectorAll('[style]');
+    [].slice.call(els).forEach(function(item) {
+      item.removeAttribute('style');
+    });
+    return this;
+  };
+
+  Pen.prototype.toolbar = function() {
+
+    var that = this, icons = '';
+
+    for(var i = 0, list = this.config.list; i < list.length; i++) {
+      var name = list[i], klass = 'pen-icon icon-' + name;
+      icons += '<i class="' + klass + '" data-action="' + name + '">' + (name.match(/^h[1-6]|p$/i) ? name.toUpperCase() : '') + '</i>';
+      if((name === 'createlink')) icons += '<input class="pen-input" placeholder="http://" />';
+    }
+
+    var menu = doc.createElement('div');
+    menu.setAttribute('class', this.config.class + '-menu pen-menu');
+    menu.innerHTML = icons;
+    menu.style.display = 'none';
+
+    doc.body.appendChild((this._menu = menu));
+
+    var setpos = function() {
+      if(menu.style.display === 'block') that.menu();
+    };
+
+    // change menu offset when window resize / scroll
+    window.addEventListener('resize', setpos);
+    window.addEventListener('scroll', setpos);
+
+    var editor = this.config.editor;
+    var toggle = function() {
+
+      if(that._isDestroyed) return;
+
+      utils.shift('toggle_menu', function() {
+        var range = that._sel;
+        if(!range.isCollapsed) {
+          //show menu
+          that._range = range.getRangeAt(0);
+          that.menu().highlight();
+        } else {
+          //hide menu
+          that._menu.style.display = 'none';
+        }
+      }, 200);
+    };
+
+    // toggle toolbar on mouse select
+    editor.addEventListener('mouseup', toggle);
+
+    // toggle toolbar on key select
+    editor.addEventListener('keyup', toggle);
+
+    // toggle toolbar on key select
+    menu.addEventListener('click', function(e) {
+      var action = e.target.getAttribute('data-action');
+
+      if(!action) return;
+
+      var apply = function(value) {
+        that._sel.removeAllRanges();
+        that._sel.addRange(that._range);
+        that._actions(action, value);
+        that._range = that._sel.getRangeAt(0);
+        that.highlight().nostyle().menu();
+      };
+
+      // create link
+      if(action === 'createlink') {
+        var input = menu.getElementsByTagName('input')[0], createlink;
+
+        input.style.display = 'block';
+        input.focus();
+
+        createlink = function(input) {
+          input.style.display = 'none';
+          if(input.value) return apply(input.value.replace(/(^\s+)|(\s+$)/g, '').replace(/^(?!http:\/\/|https:\/\/)(.*)$/, 'http://$1'));
+          action = 'unlink';
+          apply();
+        };
+
+        return input.onkeypress = function(e) {
+          if(e.which === 13) return createlink(e.target);
+        };
+      }
+
+      apply();
+    });
+
+    return this;
+  };
+
+  // highlight menu
+  Pen.prototype.highlight = function() {
+    var node = this._sel.focusNode
+      , effects = this._effectNode(node)
+      , menu = this._menu
+      , linkInput = menu.querySelector('input')
+      , highlight;
+
+    // remove all highlights
+    [].slice.call(menu.querySelectorAll('.active')).forEach(function(el) {
+      el.classList.remove('active');
+    });
+
+    // display link input if createlink enabled
+    if (linkInput) linkInput.style.display = 'none';
+
+    highlight = function(str) {
+      var selector = '.icon-' + str
+        , el = menu.querySelector(selector);
+      return el && el.classList.add('active');
+    };
+
+    effects.forEach(function(item) {
+      var tag = item.nodeName.toLowerCase();
+      switch(tag) {
+        case 'a': return (menu.querySelector('input').value = item.href), highlight('createlink');
+        case 'i': return highlight('italic');
+        case 'u': return highlight('underline');
+        case 'b': return highlight('bold');
+        case 'ul': return highlight('insertunorderedlist');
+        case 'ol': return highlight('insertorderedlist');
+        case 'ol': return highlight('insertorderedlist');
+        case 'li': return highlight('indent');
+        default : highlight(tag);
+      }
+    });
+
+    return this;
+  };
+
+  Pen.prototype.actions = function() {
+    var that = this, reg, block, overall, insert;
+
+    // allow command list
+    reg = {
+      block: /^(?:p|h[1-6]|blockquote|pre)$/,
+      inline: /^(?:bold|italic|underline|insertorderedlist|insertunorderedlist|indent|outdent)$/,
+      source: /^(?:insertimage|createlink|unlink)$/,
+      insert: /^(?:inserthorizontalrule|insert)$/
+    };
+
+    overall = function(cmd, val) {
+      var message = ' to exec 「' + cmd + '」 command' + (val ? (' with value: ' + val) : '');
+      if(document.execCommand(cmd, false, val) && that.config.debug) {
+        utils.log('success' + message);
+      } else {
+        utils.log('fail' + message);
+      }
+    };
+
+    insert = function(name) {
+      var range = that._sel.getRangeAt(0)
+        , node = range.startContainer;
+
+      while(node.nodeType !== 1) {
+        node = node.parentNode;
+      }
+
+      range.selectNode(node);
+      range.collapse(false);
+      return overall(name);
+    };
+
+    block = function(name) {
+      if(that._effectNode(that._sel.getRangeAt(0).startContainer, true).indexOf(name) !== -1) {
+        if(name === 'blockquote') return document.execCommand('outdent', false, null);
+        name = 'p';
+      }
+      return overall('formatblock', name);
+    };
+
+    this._actions = function(name, value) {
+      if(name.match(reg.block)) {
+        block(name);
+      } else if(name.match(reg.inline) || name.match(reg.source)) {
+        overall(name, value);
+      } else if(name.match(reg.insert)) {
+        insert(name);
+      } else {
+        if(this.config.debug) utils.log('can not find command function for name: ' + name + (value ? (', value: ' + value) : ''));
+      }
+    };
+
+    return this;
+  };
+
+  // show menu
+  Pen.prototype.menu = function() {
+
+    var offset = this._range.getBoundingClientRect()
+      , top = offset.top - 10
+      , left = offset.left + (offset.width / 2)
+      , menu = this._menu;
+
+    // display block to caculate it's width & height
+    menu.style.display = 'block';
+    menu.style.top = top - menu.clientHeight + 'px';
+    menu.style.left = left - (menu.clientWidth/2) + 'px';
+
+    return this;
+  };
+
+  Pen.prototype.stay = function() {
+    var that = this;
+    !window.onbeforeunload && (window.onbeforeunload = function() {
+      if(!that._isDestroyed) return 'Are you going to leave here?';
+    });
+  };
+
+  Pen.prototype.destroy = function(isAJoke) {
+    var destroy = isAJoke ? false : true
+      , attr = isAJoke ? 'setAttribute' : 'removeAttribute';
+
+    if(!isAJoke) {
+      this._sel.removeAllRanges();
+      this._menu.style.display = 'none';
+    }
+    this._isDestroyed = destroy;
+    this.config.editor[attr]('contenteditable', '');
+
+    return this;
+  };
+
+  Pen.prototype.rebuild = function() {
+    return this.destroy('it\'s a joke');
+  };
+
+  // a fallback for old browers
+  FakePen = function(config) {
+    if(!config) return utils.log('can\'t find config', true);
+
+    var defaults = utils.merge(config)
+      , klass = defaults.editor.getAttribute('class');
+
+    klass = klass ? klass.replace(/\bpen\b/g, '') + ' pen-textarea ' + defaults.class : 'pen pen-textarea';
+    defaults.editor.setAttribute('class', klass);
+    defaults.editor.innerHTML = defaults.textarea;
+    return defaults.editor;
+  };
+
+  // make it accessible
+  this.Pen = doc.getSelection ? Pen : FakePen;
+
+}(document));

data/app/assets/stylesheets/pen.css

@@ -0,0 +1,164 @@
+/*! Licensed under MIT, https://github.com/sofish/pen */
+/* FONT PATH
+/* basic reset */
+//= depend_on_asset "fontello.eot"
+//= depend_on_asset "fontello.svg"
+//= depend_on_asset "fontello.ttf"
+//= depend_on_asset "fontello.woff"
+.pen, .pen-menu, .pen-input, .pen textarea{font:400 1.16em/1.45 Palatino, Optima, Georgia, serif;color:#331;}
+.pen:focus{outline:none;}
+.pen fieldset, img {border: 0;}
+.pen blockquote{padding-left:10px;margin-left:-14px;border-left:4px solid #1abf89;}
+.pen a{color:#1abf89;}
+.pen del{text-decoration:line-through;}
+.pen sub, .pen sup {font-size:75%;position:relative;vertical-align:text-top\9;}
+:root .pen sub, :root .pen sup{vertical-align:baseline; /* for ie9 and other mordern browsers */}
+.pen sup {top:-0.5em;}
+.pen sub {bottom:-0.25em;}
+.pen hr{border:none;border-bottom:1px solid #cfcfcf;margin-bottom:25px;*color:pink;*filter:chroma(color=pink);height:10px;*margin:-7px 0 15px;}
+.pen small{font-size:0.8em;color:#888;}
+.pen em, .pen b, .pen strong{font-weight:700;}
+.pen pre{white-space:pre-wrap;padding:0.85em;background:#f8f8f8;}
+
+/* block-level element margin */
+.pen p, .pen pre, .pen ul, .pen ol, .pen dl, .pen form, .pen table, .pen blockquote{margin-bottom:16px;}
+
+/* headers */
+.pen h1, .pen h2, .pen h3, .pen h4, .pen h5, .pen h6{margin-bottom:16px;font-weight:700;line-height:1.2;}
+.pen h1{font-size:2em;}
+.pen h2{font-size:1.8em;}
+.pen h3{font-size:1.6em;}
+.pen h4{font-size:1.4em;}
+.pen h5, .pen h6{font-size:1.2em;}
+
+/* list */
+.pen ul, .pen ol{margin-left:1.2em;}
+.pen ul, .pen-ul{list-style:disc;}
+.pen ol, .pen-ol{list-style:decimal;}
+.pen li ul, .pen li ol, .pen-ul ul, .pen-ul ol, .pen-ol ul, .pen-ol ol{margin:0 2em 0 1.2em;}
+.pen li ul, .pen-ul ul, .pen-ol ul{list-style: circle;}
+
+/* pen menu */
+.pen-menu, .pen-input{font-size:14px;line-height:1;}
+.pen-menu{white-space:nowrap;box-shadow:1px 2px 3px -2px #222;background:#333;background-image:linear-gradient(to bottom, #222, #333);opacity:0.9;position:fixed;height:36px;border:1px solid #333;border-radius:3px;display:none;z-index:1000;}
+.pen-menu:after {top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
+.pen-menu:after {border-color:rgba(51, 51, 51, 0);border-top-color:#333;border-width:6px;left:50%;margin-left:-6px;}
+.pen-icon{font:normal 900 16px/40px Georgia serif;min-width:20px;display:inline-block;padding:0 10px;height:36px;overflow:hidden;color:#fff;text-align:center;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
+.pen-icon:first-of-type{border-top-left-radius:3px;border-bottom-left-radius:3px;}
+.pen-icon:last-of-type{border-top-right-radius:3px;border-bottom-right-radius:3px;}
+.pen-icon:hover{background:#000;}
+.pen-icon.active{color:#1abf89;background:#000;box-shadow:inset 2px 2px 4px #000;}
+.pen-input{position:absolute;width:100%;left:0;top:0;height:36px;line-height:20px;background:#333;color:#fff;border:none;text-align:center;display:none;font-family:arial, sans-serif;}
+.pen-input:focus{outline:none;}
+
+.pen-textarea{display:block;background:#f8f8f8;padding:20px;}
+.pen textarea{font-size:14px;border:none;background:none;width:100%;_height:200px;min-height:200px;resize:none;}
+
+@font-face {
+    font-family: 'pen';
+    src: url('<%= font_path("fontello.eol") %>');
+    src: url('<%= font_path("fontello.eot") %>') format('embedded-opentype'),
+    url('<%= font_path("fontello.woff") %>') format('woff'),
+    url('<%= font_path("fontello.ttf") %>') format('truetype'),
+    url('<%= font_path("fontello.svg") %>') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+.pen-menu [class^="icon-"]:before, .pen-menu [class*=" icon-"]:before {
+  font-family: "pen";
+  font-style: normal;
+  font-weight: normal;
+  speak: none;
+  display: inline-block;
+  text-decoration: inherit;
+  width: 1em;
+  margin-right: .2em;
+  text-align: center;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1em;
+  margin-left: .2em;
+}
+ 
+.pen-menu .icon-location:before { content: '\e815'; } /* '' */
+.pen-menu .icon-fit:before { content: '\e80f'; } /* '' */
+.pen-menu .icon-bold:before { content: '\e805'; } /* '' */
+.pen-menu .icon-italic:before { content: '\e806'; } /* '' */
+.pen-menu .icon-justifyleft:before { content: '\e80a'; } /* '' */
+.pen-menu .icon-justifycenter:before { content: '\e80b'; } /* '' */
+.pen-menu .icon-justifyright:before { content: '\e80c'; } /* '' */
+.pen-menu .icon-justifyfull:before { content: '\e80d'; } /* '' */
+.pen-menu .icon-outdent:before { content: '\e800'; } /* '' */
+.pen-menu .icon-indent:before { content: '\e801'; } /* '' */
+.pen-menu .icon-mode:before { content: '\e813'; } /* '' */
+.pen-menu .icon-fullscreen:before { content: '\e80e'; } /* '' */
+.pen-menu .icon-insertunorderedlist:before { content: '\e802'; } /* '' */
+.pen-menu .icon-insertorderedlist:before { content: '\e803'; } /* '' */
+.pen-menu .icon-strikethrough:before { content: '\e807'; } /* '' */
+.pen-menu .icon-underline:before { content: '\e804'; } /* '' */
+.pen-menu .icon-blockquote:before { content: '\e814'; } /* '' */
+.pen-menu .icon-undo:before { content: '\e817'; } /* '' */
+.pen-menu .icon-pre:before { content: '\e816'; } /* '' */
+.pen-menu .icon-unlink:before { content: '\e811'; } /* '' */
+.pen-menu .icon-superscript:before { content: '\e808'; } /* '' */
+.pen-menu .icon-subscript:before { content: '\e809'; } /* '' */
+.pen-menu .icon-inserthorizontalrule:before { content: '\e818'; } /* '' */
+.pen-menu .icon-pin:before { content: '\e812'; } /* '' */
+.pen-menu .icon-createlink:before { content: '\e810'; } /* '' */
+
+.pen {
+  position: relative;
+}
+.pen.hinted h1:before,
+.pen.hinted h2:before,
+.pen.hinted h3:before,
+.pen.hinted h4:before,
+.pen.hinted h5:before,
+.pen.hinted h6:before,
+.pen.hinted blockquote:before,
+.pen.hinted hr:before {
+  color: #eee;
+  position: absolute;
+  right: 100%;
+  white-space: nowrap;
+  padding-right: 10px;
+}
+.pen.hinted blockquote {  border-left: 0; margin-left: 0; padding-left: 0; }
+.pen.hinted blockquote:before {
+  color: #1abf89;
+  content: ">";
+  font-weight: bold;
+  vertical-align: center;
+}
+.pen.hinted h1:before { content: "#";}
+.pen.hinted h2:before { content: "##";}
+.pen.hinted h3:before { content: "###";}
+.pen.hinted h4:before { content: "####";}
+.pen.hinted h5:before { content: "#####";}
+.pen.hinted h6:before { content: "######";}
+.pen.hinted hr:before { content: "﹘﹘﹘"; line-height: 1.2; vertical-align: bottom; }
+
+.pen.hinted pre:before, .pen.hinted pre:after {
+  content: "```";
+  display: block;
+  color: #ccc;
+}
+
+.pen.hinted ul { list-style: none; }
+.pen.hinted ul li:before {
+  content: "*";
+  color: #999;
+  line-height: 1;
+  vertical-align: bottom;
+  margin-left: -1.2em;
+  display: inline-block;
+  width: 1.2em;
+}
+
+.pen.hinted b:before, .pen.hinted b:after { content: "**"; color: #eee; font-weight: normal; }
+.pen.hinted i:before, .pen.hinted i:after { content: "*"; color: #eee; }
+
+.pen.hinted a { text-decoration: none; }
+.pen.hinted a:before {content: "["; color: #ddd; }
+.pen.hinted a:after { content: "](" attr(href) ")"; color: #ddd; }

data/lib/pen-rails/version.rb

@@ -1,5 +1,5 @@
 module Pen
   module Rails
-    VERSION = "0.0.3"
+    VERSION = "0.0.4"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: pen-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.0.4
 platform: ruby
 authors:
 - Lin Xiangyu
@@ -19,6 +19,14 @@ extra_rdoc_files: []
 files:
 - MIT-LICENSE
 - README.md
+- app/assets/fonts/fontello.eot
+- app/assets/fonts/fontello.svg
+- app/assets/fonts/fontello.ttf
+- app/assets/fonts/fontello.woff
+- app/assets/javascripts/backbone-validation.js
+- app/assets/javascripts/markdown.js
+- app/assets/javascripts/pen.js
+- app/assets/stylesheets/pen.css
 - lib/pen-rails.rb
 - lib/pen-rails/version.rb
 homepage: http://www.github.com/oa414/pen-rails