sorrystyleguide 3.5.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 314cc245abe61a2dbaf3a526ffe180b8e278f6c1
+  data.tar.gz: 6898730a43cba57c39e76ea1a5d57e11fbe17669
+SHA512:
+  metadata.gz: 93541727bff1952bfca974234bf37f0c8c9c648f9e079fafc8c5328f35988ad563f4b4dc8a0dc82722171a9155a6eaf0d1518b551c9e8fedeae6ddef82a810a8
+  data.tar.gz: a3be4a717a47319d574cbfcf16cb57c62a7311b5c195fa02ca8145a100027efa41f2619c2511bfebdf005888a93dade9bc8242e667e19471cbf2cc2ad26656dc

data/app/assets/images/logos/icon-black.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="72px" height="72px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.2.2 (9983) - http://www.bohemiancoding.com/sketch -->
+    <title>app-icon-black</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="app-icon-black" sketch:type="MSArtboardGroup">
+            <g id="Icon-2" sketch:type="MSLayerGroup">
+                <g id="263A-+-263A-2-+-263A-3" sketch:type="MSShapeGroup">
+                    <g id="263A" transform="translate(0.000000, 1.642691)" fill="#262626">
+                        <path d="M30.3107254,0.910924205 C25.4643822,1.64992845 20.794249,3.2556853 16.6333693,5.80175021 C-15.1922252,25.2757528 4.46422679,74.5971367 41.1386322,69.492766 C46.162211,68.7933767 51.0849194,67.156462 55.385878,64.5247122 C87.5071484,44.8694917 67.1814577,-4.71139471 30.3107254,0.910924205 L30.3107254,0.910924205 Z M30.3107254,6.51699638 C25.6442394,7.45090587 21.0185576,9.4426898 17.2032592,12.2178783 C-7.39592146,30.1109393 12.3886589,69.5929173 41.708522,63.7251721 C46.638639,62.7386833 51.4240039,60.7445625 55.3853081,57.6871703 C79.0727788,39.4051334 59.3551607,0.704056431 30.3107254,6.51699638 L30.3107254,6.51699638 Z" id="Shape"></path>
+                    </g>
+                    <g id="263A-3" fill="#34495E">
+                        <path d="M30.3107254,0.910924205 C25.4643822,1.64992845 20.794249,3.2556853 16.6333693,5.80175021 C-15.1922252,25.2757528 4.46422679,74.5971367 41.1386322,69.492766 C46.162211,68.7933767 51.0849194,67.156462 55.385878,64.5247122 C87.5071484,44.8694917 67.1814577,-4.71139471 30.3107254,0.910924205 L30.3107254,0.910924205 Z M17.2032592,12.2178783 C-7.39592146,30.1109393 12.3886589,69.5929173 41.708522,63.7251721 C46.638639,62.7386833 51.4240039,60.7445625 55.3853081,57.6871703 C79.0727788,39.4051334 59.3551607,0.704056431 30.3107254,6.51699638 C25.6442394,7.45090587 21.0185576,9.4426898 17.2032592,12.2178783 L17.2032592,12.2178783 Z" id="Shape"></path>
+                        <path d="M58.040142,40.0447628 L53.2327614,39.291039 C52.8439444,39.2300785 52.0663104,39.1081574 52.0663104,39.1081574 C46.3652578,60.9036462 17.3692469,49.2841987 17.3692469,49.2841987 C27.2323903,63.8085935 57.1700973,57.8965616 58.040142,40.0447628 L58.040142,40.0447628 L58.040142,40.0447628 Z" id="Shape-2" opacity="0.182252799"></path>
+                        <path d="M58.7718167,38.7114294 L53.9644361,37.9577057 C53.5756191,37.8967451 52.7979852,37.774824 52.7979852,37.774824 C47.0969326,59.5703128 18.1009217,47.9508654 18.1009217,47.9508654 C27.964065,62.4752602 57.901772,56.5632282 58.7718167,38.7114294 L58.7718167,38.7114294 L58.7718167,38.7114294 Z" id="Shape"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

data/app/assets/images/logos/logo-black.svg

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="426px" height="106px" viewBox="0 0 426 106" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.1.1 (8761) - http://www.bohemiancoding.com/sketch -->
+    <title>Logo - Black</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="Logo---Black" sketch:type="MSArtboardGroup">
+            <g id="Icon-+-Oval-2-+-S---rry.-+-TM" sketch:type="MSLayerGroup">
+                <g id="Icon" fill="#262626" sketch:type="MSShapeGroup">
+                    <g id="263A-+-263A-2-+-263A-3">
+                        <g id="263A" transform="translate(0.000000, 2.464036)">
+                            <path d="M43.8082568,0.366386308 C36.6439218,1.47489267 29.7400776,3.88352795 23.5890613,7.70262532 C-23.4586222,36.9136292 5.59945343,110.895705 59.8151198,103.239149 C67.2414618,102.190065 74.5186872,99.734693 80.8767817,95.7870683 C128.361562,66.3042375 98.3141528,-8.06709207 43.8082568,0.366386308 Z M43.8082568,8.77549457 C36.9098043,10.1763588 30.0716724,13.1640347 24.4315278,17.3268175 C-11.9333691,44.1664089 17.3141183,103.389376 60.6575863,94.5877582 C67.9457638,93.1080249 75.0199548,90.1168438 80.8759392,85.5307555 C115.893058,58.1077001 86.7445607,0.0560846467 43.8082568,8.77549457 Z" id="Shape"></path>
+                        </g>
+                        <g id="263A-3">
+                            <path d="M43.8082568,0.366386308 C36.6439218,1.47489267 29.7400776,3.88352795 23.5890613,7.70262532 C-23.4586222,36.9136292 5.59945343,110.895705 59.8151198,103.239149 C67.2414618,102.190065 74.5186872,99.734693 80.8767817,95.7870683 C128.361562,66.3042375 98.3141528,-8.06709207 43.8082568,0.366386308 Z M24.4315278,17.3268175 C-11.9333691,44.1664089 17.3141183,103.389376 60.6575863,94.5877582 C67.9457638,93.1080249 75.0199548,90.1168438 80.8759392,85.5307555 C115.893058,58.1077001 86.7445607,0.0560846467 43.8082568,8.77549457 C36.9098043,10.1763588 30.0716724,13.1640347 24.4315278,17.3268175 Z" id="Shape"></path>
+                            <path d="M84.8167598,60.7672486 L78.7150623,58.0807276 C78.221562,57.863444 77.2345615,57.4288768 77.2345615,57.4288768 C61.7650166,87.2659778 27.5290394,60.7672486 27.5290394,60.7672486 C35.3381944,85.1678485 77.184856,86.461862 84.8167598,60.7672486 Z" id="Shape" transform="translate(56.172900, 68.492481) rotate(-14.000000) translate(-56.172900, -68.492481) "></path>
+                            <path d="M83.8167598,62.7672486 L77.7150623,60.0807276 C77.221562,59.863444 76.2345615,59.4288768 76.2345615,59.4288768 C60.7650166,89.2659778 26.5290394,62.7672486 26.5290394,62.7672486 C34.3381944,87.1678485 76.184856,88.461862 83.8167598,62.7672486 Z" id="Shape-2" opacity="0.182252799" transform="translate(55.172900, 70.492481) rotate(-14.000000) translate(-55.172900, -70.492481) "></path>
+                        </g>
+                    </g>
+                </g>
+                <g id="Oval-2-+-S---rry.-+-TM" transform="translate(149.000000, 21.000000)" sketch:type="MSShapeGroup">
+                    <g id="Oval-2-+-S---rry.">
+                        <path d="M73.2668457,60.5336914 C84.4599155,60.5336914 93.5336914,51.4599155 93.5336914,40.2668457 C93.5336914,29.0737759 84.4599155,20 73.2668457,20 C62.0737759,20 53,29.0737759 53,40.2668457 C53,51.4599155 62.0737759,60.5336914 73.2668457,60.5336914 Z" id="Oval-2" stroke="#262626" stroke-width="9"></path>
+                        <path d="M0.345703125,61.5229492 L0.345703125,51.7016602 C3.24285303,53.0633206 6.32102863,54.13525 9.58032227,54.9174805 C12.8396159,55.6997109 15.8743349,56.0908203 18.6845703,56.0908203 C22.7985232,56.0908203 25.8332422,55.3086016 27.7888184,53.7441406 C29.7443945,52.1796797 30.722168,50.0792775 30.722168,47.4428711 C30.722168,45.0672082 29.824065,43.0537192 28.027832,41.4023438 C26.2315991,39.7509683 22.5233028,37.7954215 16.902832,35.5356445 C11.1085322,33.1889531 7.02361214,30.5091296 4.64794922,27.4960938 C2.2722863,24.4830579 1.08447266,20.8616748 1.08447266,16.6318359 C1.08447266,11.3300516 2.96759185,7.15821833 6.73388672,4.11621094 C10.5001816,1.07420354 15.5556323,-0.446777344 21.9003906,-0.446777344 C27.9844054,-0.446777344 34.0393579,0.885891621 40.0654297,3.55126953 L36.7626953,12.0253906 C31.113253,9.64972771 26.0722878,8.46191406 21.6396484,8.46191406 C18.2789546,8.46191406 15.7295009,9.19343344 13.9912109,10.6564941 C12.252921,12.1195548 11.3837891,14.0533734 11.3837891,16.4580078 C11.3837891,18.1093833 11.7314418,19.5217226 12.4267578,20.6950684 C13.1220738,21.8684141 14.2664308,22.9765573 15.8598633,24.0195312 C17.4532957,25.0625052 20.3214311,26.4386308 24.4643555,28.1479492 C29.1287668,30.0890397 32.5473524,31.8997312 34.7202148,33.5800781 C36.8930773,35.2604251 38.4864858,37.1580298 39.5004883,39.2729492 C40.5144907,41.3878686 41.0214844,43.8793802 41.0214844,46.7475586 C41.0214844,52.3970009 38.9790243,56.8295738 34.894043,60.0454102 C30.8090616,63.2612465 25.1741896,64.8691406 17.9892578,64.8691406 C10.8043261,64.8691406 4.92319997,63.7537546 0.345703125,61.5229492 L0.345703125,61.5229492 Z M106.59082,64 L106.59082,15.9365234 L114.586914,15.9365234 L115.934082,24.4106445 L116.455566,24.4106445 C118.048999,21.5424661 120.127673,19.2682376 122.69165,17.5878906 C125.255628,15.9075437 128.015122,15.0673828 130.970215,15.0673828 C133.027191,15.0673828 134.721999,15.2122381 136.054688,15.5019531 L135.055176,25.019043 C133.606601,24.671385 132.100105,24.4975586 130.535645,24.4975586 C126.450663,24.4975586 123.140719,25.8302276 120.605713,28.4956055 C118.070707,31.1609834 116.803223,34.6230256 116.803223,38.8818359 L116.803223,64 L106.59082,64 Z M144.963379,64 L144.963379,15.9365234 L152.959473,15.9365234 L154.306641,24.4106445 L154.828125,24.4106445 C156.421557,21.5424661 158.500231,19.2682376 161.064209,17.5878906 C163.628187,15.9075437 166.387681,15.0673828 169.342773,15.0673828 C171.39975,15.0673828 173.094557,15.2122381 174.427246,15.5019531 L173.427734,25.019043 C171.979159,24.671385 170.472664,24.4975586 168.908203,24.4975586 C164.823222,24.4975586 161.513278,25.8302276 158.978271,28.4956055 C156.443265,31.1609834 155.175781,34.6230256 155.175781,38.8818359 L155.175781,64 L144.963379,64 Z M180.035156,15.9365234 L191.160156,15.9365234 L200.937988,43.184082 C202.415535,47.0662629 203.400551,50.716617 203.893066,54.1352539 L204.240723,54.1352539 C204.501466,52.5418215 204.979489,50.6080029 205.674805,48.3337402 C206.370121,46.0594776 210.049446,35.2605133 216.712891,15.9365234 L227.750977,15.9365234 L207.195801,70.3881836 C203.458477,80.3833508 197.229699,85.3808594 188.509277,85.3808594 C186.2495,85.3808594 184.0477,85.1346053 181.903809,84.6420898 L181.903809,76.559082 C183.439298,76.90674 185.192047,77.0805664 187.162109,77.0805664 C192.087264,77.0805664 195.549306,74.2269166 197.54834,68.5195312 L199.330078,64 L180.035156,15.9365234 Z" id="S---rry." fill="#262626"></path>
+                    </g>
+                    <path d="M241.339844,18.2695312 L241.339844,15.8671875 L254.21875,15.8671875 L254.21875,18.2695312 L249.179688,18.2695312 L249.179688,33 L246.378906,33 L246.378906,18.2695312 L241.339844,18.2695312 Z M256.84375,33 L256.84375,15.8671875 L260.792969,15.8671875 L265.550781,29.4960938 L265.621094,29.4960938 L270.519531,15.8671875 L274.480469,15.8671875 L274.480469,33 L271.785156,33 L271.785156,24.5273438 C271.785156,23.675777 271.80664,22.5664131 271.849609,21.1992188 C271.892578,19.8320244 271.929687,19.0039077 271.960938,18.7148438 L271.867188,18.7148438 L266.722656,33 L264.25,33 L259.28125,18.6914062 L259.1875,18.6914062 C259.320313,20.8164169 259.386719,22.8085845 259.386719,24.6679688 L259.386719,33 L256.84375,33 Z" id="TM" fill="#262626"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

data/app/assets/images/logos/logo-white.svg

@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="426px" height="106px" viewBox="0 0 426 106" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.1.1 (8761) - http://www.bohemiancoding.com/sketch -->
+    <title>Logo - White</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="Logo---White" sketch:type="MSArtboardGroup">
+            <g id="Icon-+-Oval-2-+-S---rry.-+-TM" sketch:type="MSLayerGroup">
+                <g id="Icon" sketch:type="MSShapeGroup">
+                    <g id="263A-+-263A-2-+-263A-3">
+                        <g id="263A" transform="translate(0.000000, 2.464036)" fill="#262626">
+                            <path d="M43.8082568,0.366386308 C36.6439218,1.47489267 29.7400776,3.88352795 23.5890613,7.70262532 C-23.4586222,36.9136292 5.59945343,110.895705 59.8151198,103.239149 C67.2414618,102.190065 74.5186872,99.734693 80.8767817,95.7870683 C128.361562,66.3042375 98.3141528,-8.06709207 43.8082568,0.366386308 Z M43.8082568,8.77549457 C36.9098043,10.1763588 30.0716724,13.1640347 24.4315278,17.3268175 C-11.9333691,44.1664089 17.3141183,103.389376 60.6575863,94.5877582 C67.9457638,93.1080249 75.0199548,90.1168438 80.8759392,85.5307555 C115.893058,58.1077001 86.7445607,0.0560846467 43.8082568,8.77549457 Z" id="Shape"></path>
+                        </g>
+                        <g id="263A-3">
+                            <path d="M43.8082568,0.366386308 C36.6439218,1.47489267 29.7400776,3.88352795 23.5890613,7.70262532 C-23.4586222,36.9136292 5.59945343,110.895705 59.8151198,103.239149 C67.2414618,102.190065 74.5186872,99.734693 80.8767817,95.7870683 C128.361562,66.3042375 98.3141528,-8.06709207 43.8082568,0.366386308 Z M24.4315278,17.3268175 C-11.9333691,44.1664089 17.3141183,103.389376 60.6575863,94.5877582 C67.9457638,93.1080249 75.0199548,90.1168438 80.8759392,85.5307555 C115.893058,58.1077001 86.7445607,0.0560846467 43.8082568,8.77549457 C36.9098043,10.1763588 30.0716724,13.1640347 24.4315278,17.3268175 Z" id="Shape" fill="#FFFFFF"></path>
+                            <path d="M83.8167598,62.7672486 L77.7150623,60.0807276 C77.221562,59.863444 76.2345615,59.4288768 76.2345615,59.4288768 C60.7650166,89.2659778 26.5290394,62.7672486 26.5290394,62.7672486 C34.3381944,87.1678485 76.184856,88.461862 83.8167598,62.7672486 Z" id="Shape-2" opacity="0.182252799" fill="#262626" transform="translate(55.172900, 70.492481) rotate(-14.000000) translate(-55.172900, -70.492481) "></path>
+                            <path d="M84.8167598,60.7672486 L78.7150623,58.0807276 C78.221562,57.863444 77.2345615,57.4288768 77.2345615,57.4288768 C61.7650166,87.2659778 27.5290394,60.7672486 27.5290394,60.7672486 C35.3381944,85.1678485 77.184856,86.461862 84.8167598,60.7672486 Z" id="Shape" fill="#FFFFFF" transform="translate(56.172900, 68.492481) rotate(-14.000000) translate(-56.172900, -68.492481) "></path>
+                        </g>
+                    </g>
+                </g>
+                <g id="Oval-2-+-S---rry.-+-TM" transform="translate(149.000000, 21.000000)" sketch:type="MSShapeGroup">
+                    <g id="Oval-2-+-S---rry.">
+                        <path d="M73.2668457,60.5336914 C84.4599155,60.5336914 93.5336914,51.4599155 93.5336914,40.2668457 C93.5336914,29.0737759 84.4599155,20 73.2668457,20 C62.0737759,20 53,29.0737759 53,40.2668457 C53,51.4599155 62.0737759,60.5336914 73.2668457,60.5336914 Z" id="Oval-2" stroke="#FFFFFF" stroke-width="9"></path>
+                        <path d="M0.345703125,61.5229492 L0.345703125,51.7016602 C3.24285303,53.0633206 6.32102863,54.13525 9.58032227,54.9174805 C12.8396159,55.6997109 15.8743349,56.0908203 18.6845703,56.0908203 C22.7985232,56.0908203 25.8332422,55.3086016 27.7888184,53.7441406 C29.7443945,52.1796797 30.722168,50.0792775 30.722168,47.4428711 C30.722168,45.0672082 29.824065,43.0537192 28.027832,41.4023438 C26.2315991,39.7509683 22.5233028,37.7954215 16.902832,35.5356445 C11.1085322,33.1889531 7.02361214,30.5091296 4.64794922,27.4960938 C2.2722863,24.4830579 1.08447266,20.8616748 1.08447266,16.6318359 C1.08447266,11.3300516 2.96759185,7.15821833 6.73388672,4.11621094 C10.5001816,1.07420354 15.5556323,-0.446777344 21.9003906,-0.446777344 C27.9844054,-0.446777344 34.0393579,0.885891621 40.0654297,3.55126953 L36.7626953,12.0253906 C31.113253,9.64972771 26.0722878,8.46191406 21.6396484,8.46191406 C18.2789546,8.46191406 15.7295009,9.19343344 13.9912109,10.6564941 C12.252921,12.1195548 11.3837891,14.0533734 11.3837891,16.4580078 C11.3837891,18.1093833 11.7314418,19.5217226 12.4267578,20.6950684 C13.1220738,21.8684141 14.2664308,22.9765573 15.8598633,24.0195312 C17.4532957,25.0625052 20.3214311,26.4386308 24.4643555,28.1479492 C29.1287668,30.0890397 32.5473524,31.8997312 34.7202148,33.5800781 C36.8930773,35.2604251 38.4864858,37.1580298 39.5004883,39.2729492 C40.5144907,41.3878686 41.0214844,43.8793802 41.0214844,46.7475586 C41.0214844,52.3970009 38.9790243,56.8295738 34.894043,60.0454102 C30.8090616,63.2612465 25.1741896,64.8691406 17.9892578,64.8691406 C10.8043261,64.8691406 4.92319997,63.7537546 0.345703125,61.5229492 L0.345703125,61.5229492 Z M106.59082,64 L106.59082,15.9365234 L114.586914,15.9365234 L115.934082,24.4106445 L116.455566,24.4106445 C118.048999,21.5424661 120.127673,19.2682376 122.69165,17.5878906 C125.255628,15.9075437 128.015122,15.0673828 130.970215,15.0673828 C133.027191,15.0673828 134.721999,15.2122381 136.054688,15.5019531 L135.055176,25.019043 C133.606601,24.671385 132.100105,24.4975586 130.535645,24.4975586 C126.450663,24.4975586 123.140719,25.8302276 120.605713,28.4956055 C118.070707,31.1609834 116.803223,34.6230256 116.803223,38.8818359 L116.803223,64 L106.59082,64 Z M144.963379,64 L144.963379,15.9365234 L152.959473,15.9365234 L154.306641,24.4106445 L154.828125,24.4106445 C156.421557,21.5424661 158.500231,19.2682376 161.064209,17.5878906 C163.628187,15.9075437 166.387681,15.0673828 169.342773,15.0673828 C171.39975,15.0673828 173.094557,15.2122381 174.427246,15.5019531 L173.427734,25.019043 C171.979159,24.671385 170.472664,24.4975586 168.908203,24.4975586 C164.823222,24.4975586 161.513278,25.8302276 158.978271,28.4956055 C156.443265,31.1609834 155.175781,34.6230256 155.175781,38.8818359 L155.175781,64 L144.963379,64 Z M180.035156,15.9365234 L191.160156,15.9365234 L200.937988,43.184082 C202.415535,47.0662629 203.400551,50.716617 203.893066,54.1352539 L204.240723,54.1352539 C204.501466,52.5418215 204.979489,50.6080029 205.674805,48.3337402 C206.370121,46.0594776 210.049446,35.2605133 216.712891,15.9365234 L227.750977,15.9365234 L207.195801,70.3881836 C203.458477,80.3833508 197.229699,85.3808594 188.509277,85.3808594 C186.2495,85.3808594 184.0477,85.1346053 181.903809,84.6420898 L181.903809,76.559082 C183.439298,76.90674 185.192047,77.0805664 187.162109,77.0805664 C192.087264,77.0805664 195.549306,74.2269166 197.54834,68.5195312 L199.330078,64 L180.035156,15.9365234 Z" id="S---rry." fill="#FFFFFF"></path>
+                    </g>
+                    <path d="M241.339844,18.2695312 L241.339844,15.8671875 L254.21875,15.8671875 L254.21875,18.2695312 L249.179688,18.2695312 L249.179688,33 L246.378906,33 L246.378906,18.2695312 L241.339844,18.2695312 Z M256.84375,33 L256.84375,15.8671875 L260.792969,15.8671875 L265.550781,29.4960938 L265.621094,29.4960938 L270.519531,15.8671875 L274.480469,15.8671875 L274.480469,33 L271.785156,33 L271.785156,24.5273438 C271.785156,23.675777 271.80664,22.5664131 271.849609,21.1992188 C271.892578,19.8320244 271.929687,19.0039077 271.960938,18.7148438 L271.867188,18.7148438 L266.722656,33 L264.25,33 L259.28125,18.6914062 L259.1875,18.6914062 C259.320313,20.8164169 259.386719,22.8085845 259.386719,24.6679688 L259.386719,33 L256.84375,33 Z" id="TM" fill="#FFFFFF"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

data/app/assets/index.html

@@ -0,0 +1,402 @@
+<!DOCTYPE html>
+<html lang="en" data-placeholder-focus="false">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Bootstrap 101 Template</title>
+
+    <!-- Bootstrap -->
+    <link href="stylesheets/sorry-app-styleguide.min.css" rel="stylesheet">
+
+    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+    <!--[if lt IE 9]>
+      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+    <![endif]-->
+  </head>
+  <body>
+    <header>
+      <div class="alert alert-success alert-dismissable">
+        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
+
+        This is a message to let you know everything went as expected.
+      </div>
+
+      <nav class="navbar navbar-default" role="navigation">
+        <div class="container-fluid">
+          <!--
+          <button type="button" class="btn btn-info navbar-btn navbar-right">
+            <span class="fa fa-pencil"></span> <span class="hidden-xs">Write Apology</span>
+          </button>-->
+
+          <form class="form-state-switch navbar-switch navbar-right">
+            <input type='checkbox' id='chkbx2' checked='false' data-toggle="switch" data-on-text="OPEN" data-off-text="CLOSED" data-on-color="warning" data-off-color="success" >
+              <label for="chkbx2" class="sr-only">Apology open?</label>
+          </form>
+
+          <!-- Brand and toggle get grouped for better mobile display -->
+          <button type="button" class="navbar-toggle" data-toggle="snapout" data-target="#bs-example-navbar-snapout-1">
+            <span class="sr-only">Toggle main navigation</span>
+            <span class="fa fa-bars"></span>
+          </button>
+
+          <button class="navbar-toggle progress-radial-65" data-toggle="snapout" data-target="#bs-example-navbar-snapout-2">
+            <span class="sr-only">Toggle page settings navigation</span>
+            <span class="fa fa-cog"></span>
+          </button>
+
+          <span class="navbar-page-title">
+            <a href="">Sorry Service Status</a>
+          </span>
+
+          <div class="navbar-snapout navbar-snapout-dark" id="bs-example-navbar-snapout-1">
+            <button type="button" class="close" data-toggle="snapout" data-target="#bs-example-navbar-snapout-1" aria-hidden="true">&times;</button>
+
+            <ul class="nav navbar-nav" role="menu">
+              <li role="presentation" class="nav-header"><span class="fa fa-bars"></span> My Pages</li>
+                <li><a href="">SorryApp Service Status</a></li>
+                <li><a href=""><span class="btn btn-default btn-block">+ Add Page</span></a></li>
+
+              <li role="presentation" class="nav-divider"></li>
+
+              <li role="presentation" class="nav-header"><span class="fa fa-wrench"></span> Help &amp; Support</li>
+                <li><a href="mailto:help@sorryapp.com">Contact help@sorryapp.com</a></li>
+                <li><a href="http://docs.sorryapp.com" target="_blank">Guides &amp; Docs</a></li>
+                <li><a href="http://status.sorryapp.com" target="_blank">System Status</a></li>
+                <li><a href="#" data-toggle="chat" class="hidden-xs">Live Chat</a></li>
+
+              <li role="presentation" class="nav-divider"></li>
+              
+              <li role="presentation" class="nav-header"><span class="fa fa-user"></span> My Account</li>
+                <li><a href="">Logout</a></li>
+            </ul>
+
+          </div>
+
+          <div class="navbar-snapout navbar-snapout-light" id="bs-example-navbar-snapout-2">
+            <button type="button" class="close" data-toggle="snapout" data-target="#bs-example-navbar-snapout-2" aria-hidden="true">&times;</button>
+
+            <ul class="nav navbar-nav nav-stateful">
+
+              <li role="presentation" class="nav-header"><span class="fa fa-cog"></span> Sorry Service Status</li>
+
+                <li><a href="#" target="_blank"><span class="fa fa-external-link"></span> View Live Page</a></li>
+
+                <li role="presentation" class="nav-divider"></li>
+
+                <li><a href="#" class="enableable enabled"><span class="fa fa-link"></span> Custom Domain</a></li>
+                <li><a href="#" class="enableable enabled"><span class="fa fa-picture-o"></span> Custom Theme</a></li>
+                <li><a href="#" class="enableable dormant"><span class="fa fa-twitter"></span> Twitter Integration</a></li>
+                <li><a href="#" class="enableable disabled"><span class="fa fa-desktop"></span> Website Plugin</a></li>
+                
+                <li role="presentation" class="nav-divider"></li>
+
+                <li><a href="#">Delete this page</a></li>
+            </ul>
+          </div>
+        </div>
+      </nav>
+    </header>
+
+    <main>
+      <section id="apology-form">
+        <div class="container container-sm content content-apology-authoring">
+          <form role="form" action="" method="post" class="form-horizontal form-apology-authroing" data-bv data-bv-message="">
+            <div class="form-group">            
+              <div class="col-sm-9">
+                <textarea name="apology-comment" id="apology-comment" class="form-control input-lg" rows="1" placeholder="e.g. Sorry, but we are experiencing a problem with..." autofocus data-bv-notempty></textarea>
+              </div>
+
+              <div class="col-sm-3">
+                <button type="submit" class="btn btn-info btn-lg btn-block" disabled>
+                  <span class="fa fa-share"></span> Publish
+                </button>
+              </div>
+            </div>
+          </form>
+
+          <ul class="list-timeline list-timeline-no-bullets">
+            <li>
+              <time>
+                5 Minutes Ago  <A href=""><span class="fa fa-trash-o"></span></A>
+              </time>
+
+              <p>We have been experiencing a few issues this morning which has meant that you will have been unable to login to your account for the past 20 minutes or so. This was a temporary problem which has now been resolved.</p>
+            </li>
+
+            <li>
+              <time>
+                22 Minutes Ago <A href=""><span class="fa fa-trash-o"></span></A>
+              </time>
+
+              <p>Everything appears to be working very nicely. As hoped this didn't cause any interruption to your service. Our pages are now much faster and we'll be blogging about this update soon.</p>
+            </li>
+
+            <li>
+              <time>
+                2 Hours Ago <A href=""><span class="fa fa-trash-o"></span></A>
+              </time>
+
+              <p>We're about to push out an updated version of our default big-green theme which fixes some issues with fonts not loading in certain circumstances . This shouldn't cause any form of interruption but we wanted to keep you in the loop.</p>
+            </li>
+
+            <li class="end">
+              <p>No Previous Updates</p>
+            </li>
+          </ul>
+
+          <hr />
+
+          <ul class="nav nav-pills">
+            <li><a href="#"><span class="fa fa-trash-o"></span> Delete Apology</a></li>
+          </ul>
+        </div>
+      </section>
+
+      <section id="theme-upload">
+        <div class="container container-xs content content-featurette">
+          <h1>Theme your status page</h1>
+
+          <p class="lead">Upload your theme's zip file below to deploy it to your page. For help on creating a theme <a href="">read our documentation.</a></p>
+
+          <form accept-charset="UTF-8" action="/pages/969c25d1/settings/theme" class="simple_form edit_theme_bundle" enctype="multipart/form-data" id="edit_theme_bundle" method="post" novalidate="novalidate" role="form">
+
+            <div style="display:none">
+              <input name="utf8" type="hidden" value="&#x2713;" />
+              <input name="_method" type="hidden" value="patch" />
+              <input name="authenticity_token" type="hidden" value="gIjiRTsiZjckPbnefMICaHXha4v9Ni3HfBUkGFxH3qw=" />
+            </div>
+
+            <div class="form-group file required theme_bundle_zip hidden">
+              <input accept="application/zip" class="file required form-control" id="theme_bundle_zip" name="theme_bundle[zip]" type="file" />
+            </div>
+
+            <div class="form-group">
+              <div class="dropzone">
+                <div class="control-group">
+                  <button class="btn btn-info btn-lg" name="commit" type="submit">
+                    <span class="fa fa-cloud-upload"></span> Select Zip File
+                  </button>
+                </div>
+              </div>
+            </div>
+          </form>
+
+          <p class="note">Upload your theme's zip file below to deploy it to your page. For help on creating a theme <a href="">read our documentation.</a></p>
+        </div>
+      </section>
+
+      <section id="welcome-block">
+        <div class="container container-xs content content-intro">
+          <h1>Your Page Is Now Live</h1>
+            <h2><a href="http://fa2e6d75.sorryapp.com" class="link-block">http://fa2e6d75.sorryapp.com</a></h2>
+
+            <p>Next up you should have a go at publishing an apology.</p>
+            <p>Don’t worry, you can delete it afterwards if you’d just like to play.</p>
+        </div>
+      </section>
+
+      <section id="apology-timeline">
+        <div class="container container-sm content">
+          <ul class="list-timeline list-timeline-stateful">
+            <li class="header header-success" role="presentation">All Is Well</li>
+
+            <li class="closed">
+              <a href="">
+                <time>Last Thursday</time>
+
+                <p class="lead">We have been experiencing a few issues this morning which has meant that you will have been unable to login to your account for the past 20 minutes or so. This was a temporary problem which has now been resolved.</p>
+              </a>
+            </li>
+
+            <li class="closed">
+              <a href="">
+                <time>Last Thursday</time>
+
+                <p>We have been experiencing a few issues this morning which has meant that you will have been unable to login to your account for the past 20 minutes or so. This was a temporary problem which has now been resolved.</p>
+              </a>
+            </li>
+
+            <li class="divider" role="presentation">No longer public. &darr;</li>
+
+            <li class="archived">
+              <a href="">
+                <time>Last Thursday</time>
+
+                <p>We have been experiencing a few issues this morning which has meant that you will have been unable to login to your account for the past 20 minutes or so. This was a temporary problem which has now been resolved.</p>
+              </a>
+            </li>
+
+            <li class="end">
+              <p>No Previous Apologies</p>
+            </li>
+          </ul>
+        </div>
+      </section>
+
+      <section id="custom-domain">
+        <div class="container container-xs content content-featurette">
+          <h1>Custom Domain</h1>
+          <p class="lead">Use this setting to map one of your own domain names to your status page.</p>
+
+          <form role="form">
+            <div class="form-group">
+
+              <div class="input-group input-group-lg">
+                <label for="exampleInputEmail1" class="sr-only">Email address</label>
+                <span class="input-group-addon hidden-xs">http://</span>
+                <input type="email" class="form-control" id="exampleInputEmail1" placeholder="status.yourdomain.com">
+
+                <span class="input-group-btn">
+                  <button type="submit" class="btn btn-info btn-lg">Set <span class="hidden-xs">Your Domain</span></button>
+                </span>
+              </div>
+            </div>
+          </form>
+
+          <p class="note">Once your domain is set here, we'll ask you to create a CNAME record with your DNS provider.</p>
+        </div>
+      </section>
+
+      <section id="custom-domain-set">
+        <div class="container container-xs content content-featurette">
+          <h1>Domain Set <small>status.yourdomain.com</small></h1>
+
+          <p class="lead">Complete your setup by adding this DNS record.</p>
+
+          <div class="well">
+            <div class="table-responsive">
+              <table class="table table-cname">
+                <thead >
+                  <th>Type</th>
+                  <th>From</th>
+                  <th>To</th>
+                </thead>
+                <tbody>
+                  <tr>
+                    <td>CNAME</td>
+                    <td>status.yoursomdain.com</td>
+                    <td>d3kj34.weboffins.com</td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+
+          <p class="note">Having problems setting up your custom domain? <a href="">Contact support.</a></p>
+        </div>
+      </section>
+
+      <section id="status-bar-instal">
+        <div class="container container-sm content content-featurette">
+          <h1>Status Bar Plugin <small>requires jQuery</small></h1>
+
+          <p class="lead">Once dropped into your website or application this jQuery plugin will display your status updates to users in a bar at the top of their screen. <a target="_blank" href="http://blog.sorryapp.com/2013/11/25/display-your-status-updates-on-your-website-and-in-your-app">Learn more about how it works on our blog.</a></p>
+
+          <hr />
+
+          <div class="text-left">
+            <h2>Installing The Plugin</h2>
+
+            <h3>1. Include the Javascript</h3>
+
+              <p>Just before the closing &lt;/ body&gt; tag, but after jQuery has been included.</p>
+
+              <div class="highlight"><pre><span class="nt">&lt;script</span> <span class="na">src=</span><span class="s">&quot;//code.sorryapp.com/status-bar/2.0.latest/status-bar.min.js&quot;</span><span class="nt">&gt;&lt;/script&gt;</span>
+              </pre></div>
+
+            <h3>2. Choose where you want the bar to appear</h3>
+
+              <p>In order for the plugin to know where to place your status bar, and where to source your status updates from you need to include a div on your page, with a data attribute which includes your sorryapp subdomain.</p>
+
+              <div class="highlight"><pre><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;sorry-status-bar&quot;</span> <span class="na">data-status-bar-for=</span><span class="s">&quot;bdb6e520&quot;</span><span class="nt">&gt;&lt;/div&gt;</span>
+              </pre></div>
+          </div>
+        </div>
+      </section>
+
+      <section id="login-form content-login">
+        <div class="container container-xs content">
+          <form role="form" class="login-form">
+            <div class="form-group">
+              <label for="exampleInputEmail1" class="sr-only">Email address</label>
+              <input type="email" name="email" class="form-control input-lg" id="exampleInputEmail1" placeholder="Email" autofocus>
+            </div>
+            
+            <div class="form-group">
+              <label for="exampleInputPassword1" class="sr-only">Password</label>
+              <input type="password" name="password" class="form-control input-lg" id="exampleInputPassword1" placeholder="Password">
+            </div>
+
+            <button type="submit" class="btn btn-info btn-lg btn-block">Sign-In</button>
+          </form>
+
+          <hr />
+
+          <p><a href="">Forgoten your password?</a></p>
+        </div>
+      </section>
+
+        <section id="forgotten-password-form content-login">
+          <div class="container container-xs content">
+            <h1>Try everything for 60 days</h1>
+
+            <p class="lead">Enter your email address and we'll send you an email to help you choose a new password.</p>
+
+            <form role="form" class="login-form">
+              <div class="form-group">
+                <label for="exampleInputEmail1" class="sr-only">Email address</label>
+                <input type="email" name="email" class="form-control input-lg" id="exampleInputEmail1" placeholder="Email" autofocus>
+              </div>
+
+              <button type="submit" class="btn btn-info btn-lg btn-block">Request Reset Link</button>
+            </form>
+
+            <hr />
+
+            <p><a href="">Forgoten your password?</a></p>
+          </div>
+        </section>    
+
+      <section id="signup-form">
+        <div class="container container-xs content content-login">
+          <h1>Try everything for 60 days <small>Keep the basics FREE forever</small></h1>
+
+          <form role="form" class="login-form">
+            <div class="form-group has-error">
+              <label for="exampleInputEmail1" class="sr-only">Email address</label>
+              <input type="email" name="email" class="form-control input-lg" id="exampleInputEmail1" placeholder="Page Name" autofocus>
+              <span class="help-block">can't be blank</span>
+            </div>
+
+            <div class="form-group">
+              <label for="exampleInputEmail1" class="sr-only">Email address</label>
+              <input type="email" name="email" class="form-control input-lg" id="exampleInputEmail1" placeholder="Email" autofocus>
+            </div>
+            
+            <div class="form-group">
+              <label for="exampleInputPassword1" class="sr-only">Password</label>
+              <input type="password" name="password" class="form-control input-lg" id="exampleInputPassword1" placeholder="Password">
+            </div>
+
+            <button type="submit" class="btn btn-info btn-lg btn-block">Create My Page</button>
+          </form>
+
+          <hr />
+
+          <p>By clicking the "Create Page" button you are agreeing to our <a href="">Terms &amp; Conditions</a></p>
+        </div>
+      </section>      
+    </main>
+
+    <!-- end olark code -->    
+
+    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
+    <!-- Include all compiled plugins (below), or include individual files as needed -->
+    <script src="javascripts/sorry-app-styleguide.js"></script>
+
+  </body>
+</html>