workarea 3.4.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (571) hide show
  1. checksums.yaml +7 -0
  2. data/.rubocop.yml +326 -0
  3. data/CHANGELOG.md +20501 -0
  4. data/README.md +163 -0
  5. data/docker-compose.yml +27 -0
  6. data/docs/Gemfile +8 -0
  7. data/docs/bin/middleman +29 -0
  8. data/docs/config.rb +87 -0
  9. data/docs/config.ru +7 -0
  10. data/docs/data/articles.yml +157 -0
  11. data/docs/package.json +15 -0
  12. data/docs/source/404.html.erb +13 -0
  13. data/docs/source/articles/access-routes-in-javascript.html.md +33 -0
  14. data/docs/source/articles/add-a-content-area.html.md +169 -0
  15. data/docs/source/articles/add-a-content-block-type.html.md +334 -0
  16. data/docs/source/articles/add-a-report.html.md +202 -0
  17. data/docs/source/articles/add-css-through-the-admin-ui.html.md +30 -0
  18. data/docs/source/articles/add-javascript-through-a-manifest.html.md +367 -0
  19. data/docs/source/articles/add-javascript-through-a-view.html.md +80 -0
  20. data/docs/source/articles/add-javascript-through-the-admin-ui.html.md +30 -0
  21. data/docs/source/articles/add-metrics.html.md +58 -0
  22. data/docs/source/articles/add-or-replace-a-pricing-calculator.html.md +150 -0
  23. data/docs/source/articles/add-remove-or-change-a-mongoid-validation.html.md +147 -0
  24. data/docs/source/articles/add-remove-or-change-a-product-template.html.md +142 -0
  25. data/docs/source/articles/add-remove-sort-and-group-storefront-search-filters.html.md +483 -0
  26. data/docs/source/articles/add-stylesheets-through-a-manifest.html.md +276 -0
  27. data/docs/source/articles/add-system-content.html.md +138 -0
  28. data/docs/source/articles/analytics-overview.html.md +51 -0
  29. data/docs/source/articles/analyze-storefront-search-results.html.md +261 -0
  30. data/docs/source/articles/api-overview.html.md +35 -0
  31. data/docs/source/articles/appending.html.md +506 -0
  32. data/docs/source/articles/application-document.html.md +88 -0
  33. data/docs/source/articles/automated-javascript-testing.html.md +162 -0
  34. data/docs/source/articles/b2b-overview.html.md +64 -0
  35. data/docs/source/articles/browser-and-device-support.html.md +47 -0
  36. data/docs/source/articles/change-product-placeholder-image.html.md +39 -0
  37. data/docs/source/articles/change-storefront-search-results.html.md +283 -0
  38. data/docs/source/articles/change-the-storefront-product-pricing-ui.html.md +348 -0
  39. data/docs/source/articles/change-the-storefront-search-filters-ui.html.md +103 -0
  40. data/docs/source/articles/checkout.html.md +479 -0
  41. data/docs/source/articles/commerce-model.html.md +164 -0
  42. data/docs/source/articles/configuration-for-hosting.html.md +106 -0
  43. data/docs/source/articles/configuration.html.md +406 -0
  44. data/docs/source/articles/configure-a-payment-gateway.html.md +58 -0
  45. data/docs/source/articles/configure-asset-storage.html.md +29 -0
  46. data/docs/source/articles/configure-asset-types.html.md +18 -0
  47. data/docs/source/articles/configure-contact-form-subjects-list.html.md +24 -0
  48. data/docs/source/articles/configure-imageoptim.html.md +23 -0
  49. data/docs/source/articles/configure-locales.html.md +45 -0
  50. data/docs/source/articles/configure-logins-and-authentication.html.md +42 -0
  51. data/docs/source/articles/configure-low-inventory-threshold.html.md +26 -0
  52. data/docs/source/articles/configure-product-image-sizes-and-processing.html.md +28 -0
  53. data/docs/source/articles/content.html.md +554 -0
  54. data/docs/source/articles/contentable.html.md +41 -0
  55. data/docs/source/articles/contribute-code.html.md +69 -0
  56. data/docs/source/articles/contribute-documentation.html.md +60 -0
  57. data/docs/source/articles/create-a-custom-discount.html.md +234 -0
  58. data/docs/source/articles/create-a-new-app.html.md +131 -0
  59. data/docs/source/articles/create-a-plugin.html.md +19 -0
  60. data/docs/source/articles/create-a-style-guide.html.md +71 -0
  61. data/docs/source/articles/create-a-theme.html.md +134 -0
  62. data/docs/source/articles/css-architectural-overview.html.md +89 -0
  63. data/docs/source/articles/customize-a-helper.html.md +91 -0
  64. data/docs/source/articles/decoration.html.md +415 -0
  65. data/docs/source/articles/define-and-configure-inventory-policies.html.md +107 -0
  66. data/docs/source/articles/documentation-style-guide.html.md +48 -0
  67. data/docs/source/articles/documentation.html.md +54 -0
  68. data/docs/source/articles/domain-modeling.html.md +82 -0
  69. data/docs/source/articles/error-pages.html.md.erb +95 -0
  70. data/docs/source/articles/extension-overview.html.md +152 -0
  71. data/docs/source/articles/favicon-support.html.md +112 -0
  72. data/docs/source/articles/feature-spec-helper-stylesheet.html.md +25 -0
  73. data/docs/source/articles/featurejs-and-feature-spec-helper.html.md +20 -0
  74. data/docs/source/articles/help-and-support.html.md +34 -0
  75. data/docs/source/articles/html-fragment-caching.html.md +46 -0
  76. data/docs/source/articles/http-caching.html.md +43 -0
  77. data/docs/source/articles/i18n.html.md +35 -0
  78. data/docs/source/articles/images-flow.html.md +10 -0
  79. data/docs/source/articles/index-storefront-search-documents.html.md +104 -0
  80. data/docs/source/articles/infrastructure.html.md +46 -0
  81. data/docs/source/articles/installing.html.md +61 -0
  82. data/docs/source/articles/integrate-a-payment-gateway.html.md +124 -0
  83. data/docs/source/articles/integrate-a-web-analytics-provider.html.md +35 -0
  84. data/docs/source/articles/integrate-an-inventory-management-system.html.md +88 -0
  85. data/docs/source/articles/integrating-with-other-software.html.md +59 -0
  86. data/docs/source/articles/inventory.html.md +352 -0
  87. data/docs/source/articles/javascript-coding-standards.html.md +30 -0
  88. data/docs/source/articles/javascript-modules.html.md +174 -0
  89. data/docs/source/articles/javascript-overview.html.md +62 -0
  90. data/docs/source/articles/javascript-reference-documentation.html.md +51 -0
  91. data/docs/source/articles/javascript-templates.html.md +52 -0
  92. data/docs/source/articles/low-level-caching.html.md +25 -0
  93. data/docs/source/articles/maintain-a-plugin.html.md +12 -0
  94. data/docs/source/articles/maintenance-policy.html.md +79 -0
  95. data/docs/source/articles/navigable.html.md +51 -0
  96. data/docs/source/articles/navigating-the-code.html.md +149 -0
  97. data/docs/source/articles/navigation.html.md +386 -0
  98. data/docs/source/articles/order-life-cycle.html.md +546 -0
  99. data/docs/source/articles/order-pricing.html.md +389 -0
  100. data/docs/source/articles/orders-and-items.html.md +210 -0
  101. data/docs/source/articles/orders.html.md +66 -0
  102. data/docs/source/articles/overriding.html.md +155 -0
  103. data/docs/source/articles/overview.html.md +43 -0
  104. data/docs/source/articles/plugins-overview.html.md +12 -0
  105. data/docs/source/articles/prerequisites-and-dependencies.html.md +202 -0
  106. data/docs/source/articles/products.html.md.erb +1270 -0
  107. data/docs/source/articles/progressive-web-application-support.html.md +148 -0
  108. data/docs/source/articles/rails-asset-manifests.html.md +33 -0
  109. data/docs/source/articles/rails-asset-view-helpers.html.md +25 -0
  110. data/docs/source/articles/reading-data.html.md +10 -0
  111. data/docs/source/articles/releasable.html.md +37 -0
  112. data/docs/source/articles/report-a-bug.html.md +75 -0
  113. data/docs/source/articles/ruby-coding-standards.html.md +10 -0
  114. data/docs/source/articles/run-sidekiq-in-a-local-environment.html.md +40 -0
  115. data/docs/source/articles/searching.html.md +1005 -0
  116. data/docs/source/articles/security-policy.html.md +42 -0
  117. data/docs/source/articles/seeds.html.md +345 -0
  118. data/docs/source/articles/shipping.html.md +756 -0
  119. data/docs/source/articles/sort-and-exclude-product-options.html.md +47 -0
  120. data/docs/source/articles/storefront-search-features.html.md +568 -0
  121. data/docs/source/articles/storefront-searches.html.md +126 -0
  122. data/docs/source/articles/style-guides.html.md +21 -0
  123. data/docs/source/articles/stylesheet-coding-standards.html.md +24 -0
  124. data/docs/source/articles/stylesheets-overview.html.md +67 -0
  125. data/docs/source/articles/swappable-list-data-structure.html.md +81 -0
  126. data/docs/source/articles/system-emails.html.md +102 -0
  127. data/docs/source/articles/taggable.html.md +8 -0
  128. data/docs/source/articles/test-a-credit-card-transaction.html.md +16 -0
  129. data/docs/source/articles/test-if-a-plugin-is-installed.html.md +34 -0
  130. data/docs/source/articles/testing.html.md +914 -0
  131. data/docs/source/articles/themes-overview.html.md +155 -0
  132. data/docs/source/articles/translate-administrable-content.html.md +14 -0
  133. data/docs/source/articles/translate-javascript-content.html.md +16 -0
  134. data/docs/source/articles/translate-or-customize-message-content.html.md +29 -0
  135. data/docs/source/articles/translate-or-customize-static-content.html.md +30 -0
  136. data/docs/source/articles/use-an-existing-workarea-app.html.md +108 -0
  137. data/docs/source/articles/view-models.html.md +509 -0
  138. data/docs/source/articles/views.html.md +14 -0
  139. data/docs/source/articles/workers.html.md +613 -0
  140. data/docs/source/articles/writing-data.html.md +10 -0
  141. data/docs/source/cli.html.md +163 -0
  142. data/docs/source/favicon.ico +0 -0
  143. data/docs/source/images/3-variants-1-option.png +0 -0
  144. data/docs/source/images/3-variants-3-options.png +0 -0
  145. data/docs/source/images/3-years-primary-image.png +0 -0
  146. data/docs/source/images/404-storefront-error-page.png +0 -0
  147. data/docs/source/images/404-system-content-admin.png +0 -0
  148. data/docs/source/images/404.jpg +0 -0
  149. data/docs/source/images/5-years-primary-image.png +0 -0
  150. data/docs/source/images/activity-dashboard.png +0 -0
  151. data/docs/source/images/activity-for-object.png +0 -0
  152. data/docs/source/images/activity-ui.png +0 -0
  153. data/docs/source/images/adding-captioned-image-block-custom-icon.png +0 -0
  154. data/docs/source/images/adding-captioned-image-block-default-icon.png +0 -0
  155. data/docs/source/images/admin-alerts-ui.png +0 -0
  156. data/docs/source/images/admin-category-range-filters.png +0 -0
  157. data/docs/source/images/admin-for-3-column-hero.png +0 -0
  158. data/docs/source/images/admin-help-index.png +0 -0
  159. data/docs/source/images/admin-help-ui.png +0 -0
  160. data/docs/source/images/admin-javascript.png +0 -0
  161. data/docs/source/images/admin-notification-for-deactivated-discount.png +0 -0
  162. data/docs/source/images/admin-notifications-ui.png +0 -0
  163. data/docs/source/images/admin-product-show-page.png +0 -0
  164. data/docs/source/images/admin-products-index-page.png +0 -0
  165. data/docs/source/images/admin-range-filters.png +0 -0
  166. data/docs/source/images/admin-style-guides-navigation.png +0 -0
  167. data/docs/source/images/after-re-seeding.png +0 -0
  168. data/docs/source/images/after-seeding-localhost-3000.png +0 -0
  169. data/docs/source/images/after-seeding.png +0 -0
  170. data/docs/source/images/arrow.svg +1 -0
  171. data/docs/source/images/arrow_white.svg +1 -0
  172. data/docs/source/images/aws-resource-map.png +0 -0
  173. data/docs/source/images/backordered-until-output-on-inventory-sku-card.png +0 -0
  174. data/docs/source/images/before-seeding-localhost-3000.png +0 -0
  175. data/docs/source/images/before-seeding.png +0 -0
  176. data/docs/source/images/browsing-workarea-versions-on-the-web.png +0 -0
  177. data/docs/source/images/bulk-asset-upload-on-assets-index-page.png +0 -0
  178. data/docs/source/images/bulk-asset-upload-while-editing-content.png +0 -0
  179. data/docs/source/images/bundle-show-workarea-core.png +0 -0
  180. data/docs/source/images/bundle-show-workarea.png +0 -0
  181. data/docs/source/images/calendar-for-backordered-until-field.png +0 -0
  182. data/docs/source/images/captioned-image-block-in-storefront.png +0 -0
  183. data/docs/source/images/captioned-image-content-block-storefront-component-style-guide.png +0 -0
  184. data/docs/source/images/cart-system-content-in-admin.png +0 -0
  185. data/docs/source/images/cart-system-content-in-storefront.png +0 -0
  186. data/docs/source/images/checkout-addresses-guest.png +0 -0
  187. data/docs/source/images/checkout-addresses-user.png +0 -0
  188. data/docs/source/images/checkout-confirmation.png +0 -0
  189. data/docs/source/images/checkout-flow-0.png +0 -0
  190. data/docs/source/images/checkout-flow-1.png +0 -0
  191. data/docs/source/images/checkout-flow-2.png +0 -0
  192. data/docs/source/images/checkout-flow-3.png +0 -0
  193. data/docs/source/images/checkout-flow-4.png +0 -0
  194. data/docs/source/images/checkout-payment-guest.png +0 -0
  195. data/docs/source/images/checkout-payment-user.png +0 -0
  196. data/docs/source/images/checkout-shipping.png +0 -0
  197. data/docs/source/images/color-picker-component-admin-style-guide.png +0 -0
  198. data/docs/source/images/color-picker-component-on-content-editing-screen.png +0 -0
  199. data/docs/source/images/commerce-model-carts-orders.png +0 -0
  200. data/docs/source/images/commerce-model-order-pricing.png +0 -0
  201. data/docs/source/images/commerce-model.png +0 -0
  202. data/docs/source/images/configuring-an-index-pattern-in-kibana.png +0 -0
  203. data/docs/source/images/content-block-presets.png +0 -0
  204. data/docs/source/images/content-search-customization.png +0 -0
  205. data/docs/source/images/country-with-region-data-in-address-form.png +0 -0
  206. data/docs/source/images/country-without-region-data-in-address-form.png +0 -0
  207. data/docs/source/images/create-content-block-preset-ui.png +0 -0
  208. data/docs/source/images/credit-card-icons.png +0 -0
  209. data/docs/source/images/css-added-through-admin.png +0 -0
  210. data/docs/source/images/css-admin-ui.png +0 -0
  211. data/docs/source/images/current-configuration-shown-in-admin-settings.png +0 -0
  212. data/docs/source/images/customer-impersonation-in-admin.png +0 -0
  213. data/docs/source/images/customer-impersonation-in-store-front.png +0 -0
  214. data/docs/source/images/date-filter-same-day.png +0 -0
  215. data/docs/source/images/developer-toolbar-in-store-front.png +0 -0
  216. data/docs/source/images/discounts-sorted-by-most-redeemed.png +0 -0
  217. data/docs/source/images/edit-help-article.png +0 -0
  218. data/docs/source/images/editing-content-for-search-customization.png +0 -0
  219. data/docs/source/images/editing-dynamic-captioned-image-block.png +0 -0
  220. data/docs/source/images/editing-product-fields-in-the-admin.png +0 -0
  221. data/docs/source/images/editing-search-system-content.png +0 -0
  222. data/docs/source/images/editing-static-captioned-image-block-custom-icon.png +0 -0
  223. data/docs/source/images/editing-static-captioned-image-block-default-icon.png +0 -0
  224. data/docs/source/images/external.svg +1 -0
  225. data/docs/source/images/favicon_16.png +0 -0
  226. data/docs/source/images/favicon_180.png +0 -0
  227. data/docs/source/images/favicon_32.png +0 -0
  228. data/docs/source/images/filters-all.png +0 -0
  229. data/docs/source/images/filters-control.png +0 -0
  230. data/docs/source/images/filters-custom.png +0 -0
  231. data/docs/source/images/filters-groups.png +0 -0
  232. data/docs/source/images/filters-material.png +0 -0
  233. data/docs/source/images/filters-omitted.png +0 -0
  234. data/docs/source/images/filters-pinned.png +0 -0
  235. data/docs/source/images/filters-range.png +0 -0
  236. data/docs/source/images/filters-sorted.png +0 -0
  237. data/docs/source/images/filters-wrapping-to-second-line-in-admin.png +0 -0
  238. data/docs/source/images/generic-product-template-images-no-options-selected.png +0 -0
  239. data/docs/source/images/generic-product-template-images-options-selected.png +0 -0
  240. data/docs/source/images/generic-template.png +0 -0
  241. data/docs/source/images/hosting.svg +1 -0
  242. data/docs/source/images/image-group-content-block-in-storefront.png +0 -0
  243. data/docs/source/images/images.svg +1 -0
  244. data/docs/source/images/import-export-screenshot.png +0 -0
  245. data/docs/source/images/invalid-display.png +0 -0
  246. data/docs/source/images/itcss.png +0 -0
  247. data/docs/source/images/kibana-dev-tools-console.png +0 -0
  248. data/docs/source/images/layout-content-admin-with-2-areas.png +0 -0
  249. data/docs/source/images/layout-content-admin-with-3-areas.png +0 -0
  250. data/docs/source/images/link-to-search-system-content.png +0 -0
  251. data/docs/source/images/logo.svg +1 -0
  252. data/docs/source/images/menu.svg +2 -0
  253. data/docs/source/images/mongo-replica-set.svg +1 -0
  254. data/docs/source/images/multi-column-hero-blocks.png +0 -0
  255. data/docs/source/images/option-selects-product-template-images-options-selected.png +0 -0
  256. data/docs/source/images/option-selects-template.png +0 -0
  257. data/docs/source/images/option-thumbnails-template.png +0 -0
  258. data/docs/source/images/order-item-total-price-diagram.png +0 -0
  259. data/docs/source/images/order-pricing-cart-example.png +0 -0
  260. data/docs/source/images/order-pricing-example-adjustments.png +0 -0
  261. data/docs/source/images/order-pricing-example-totals.png +0 -0
  262. data/docs/source/images/order-pricing-placed-order-example.png +0 -0
  263. data/docs/source/images/order-shipping-total-diagram.png +0 -0
  264. data/docs/source/images/order-show-with-multiple-tenders.png +0 -0
  265. data/docs/source/images/order-subtotal-price-diagram.png +0 -0
  266. data/docs/source/images/order-tax-total-diagram.png +0 -0
  267. data/docs/source/images/order-total-price-diagram.png +0 -0
  268. data/docs/source/images/order-total-value-diagram.png +0 -0
  269. data/docs/source/images/orders-dashboard-links.png +0 -0
  270. data/docs/source/images/oval.svg +1 -0
  271. data/docs/source/images/payment-icon-storefront-style-guide.png +0 -0
  272. data/docs/source/images/people-dashboard-links.png +0 -0
  273. data/docs/source/images/price-adjustments-diagram.png +0 -0
  274. data/docs/source/images/price-display-no-options.png +0 -0
  275. data/docs/source/images/price-display-options-selected.png +0 -0
  276. data/docs/source/images/pricing-calculators-diagram.png +0 -0
  277. data/docs/source/images/product-list-content-block-admin.png +0 -0
  278. data/docs/source/images/product-list-content-block-in-store-front.png +0 -0
  279. data/docs/source/images/promo-products-excluded-autocomplete-results-after.png +0 -0
  280. data/docs/source/images/promo-products-excluded-featured-category-results-after.png +0 -0
  281. data/docs/source/images/promo-products-excluded-recommendations-results-after.png +0 -0
  282. data/docs/source/images/promo-products-excluded-search-category-results-after.png +0 -0
  283. data/docs/source/images/promo-products-excluded-search-results-after.png +0 -0
  284. data/docs/source/images/promo-products-included-autocomplete-results-before.png +0 -0
  285. data/docs/source/images/promo-products-included-featured-category-results-before.png +0 -0
  286. data/docs/source/images/promo-products-included-recommendations-results-before.png +0 -0
  287. data/docs/source/images/promo-products-included-search-category-results-before.png +0 -0
  288. data/docs/source/images/promo-products-included-search-results-before.png +0 -0
  289. data/docs/source/images/rails-version-constraint.png +0 -0
  290. data/docs/source/images/re-enable-discount.png +0 -0
  291. data/docs/source/images/reading-data.svg +1 -0
  292. data/docs/source/images/readme-hero.png +0 -0
  293. data/docs/source/images/redesigned-customized-sort-for-search-results.png +0 -0
  294. data/docs/source/images/reviews-summary-above-share-buttons.png +0 -0
  295. data/docs/source/images/reviews-summary-below-product-name.png +0 -0
  296. data/docs/source/images/reviews-summary-below-share-buttons.png +0 -0
  297. data/docs/source/images/reviews-summary-removed.png +0 -0
  298. data/docs/source/images/rsa-fingerprint-for-stash.png +0 -0
  299. data/docs/source/images/ruby-version-constraint.png +0 -0
  300. data/docs/source/images/script-tag-added-through-admin.png +0 -0
  301. data/docs/source/images/search-analysis-admin-alternate-rendering.png +0 -0
  302. data/docs/source/images/search-analysis-admin.png +0 -0
  303. data/docs/source/images/search-quality-report.png +0 -0
  304. data/docs/source/images/search.svg +1 -0
  305. data/docs/source/images/searching-for-cart-system-content-in-admin.png +0 -0
  306. data/docs/source/images/searching-for-layout-system-content-in-admin.png +0 -0
  307. data/docs/source/images/seeded-admin.png +0 -0
  308. data/docs/source/images/seeds-from-plugins.png +0 -0
  309. data/docs/source/images/seo-metadata-automation-ui.png +0 -0
  310. data/docs/source/images/show-password-button.png +0 -0
  311. data/docs/source/images/storefront-autocomplete.png +0 -0
  312. data/docs/source/images/storefront-category-summary-content-block.png +0 -0
  313. data/docs/source/images/storefront-category.png +0 -0
  314. data/docs/source/images/storefront-product-after-overriding.png +0 -0
  315. data/docs/source/images/storefront-product-before-overriding.png +0 -0
  316. data/docs/source/images/storefront-product-browse-page.png +0 -0
  317. data/docs/source/images/storefront-product-recommendations.png +0 -0
  318. data/docs/source/images/storefront-product-show-page.png +0 -0
  319. data/docs/source/images/storefront-requests-and-search-requests.png +0 -0
  320. data/docs/source/images/storefront-search-request-handling.png +0 -0
  321. data/docs/source/images/storefront-search-response-creation.png +0 -0
  322. data/docs/source/images/storefront-search.png +0 -0
  323. data/docs/source/images/storefront-style-guides-navigation.png +0 -0
  324. data/docs/source/images/styles.css +3 -0
  325. data/docs/source/images/tax-categories-ui.png +0 -0
  326. data/docs/source/images/tax-rates-ui.png +0 -0
  327. data/docs/source/images/unpurchasable-product.png +0 -0
  328. data/docs/source/images/url-redirects-filtering.png +0 -0
  329. data/docs/source/images/utility-nav-area-in-admin.png +0 -0
  330. data/docs/source/images/utility-nav-area-in-storefront.png +0 -0
  331. data/docs/source/images/validation-message-in-storefront.png +0 -0
  332. data/docs/source/images/view-model-interface.png +0 -0
  333. data/docs/source/images/viewing-workarea-version-in-source.png +0 -0
  334. data/docs/source/images/workarea.svg +1 -0
  335. data/docs/source/images/worst-performing-searches-on-results-customization-page.png +0 -0
  336. data/docs/source/images/writing-data.svg +1 -0
  337. data/docs/source/index.html.erb +167 -0
  338. data/docs/source/javascripts/jquery.js +2 -0
  339. data/docs/source/javascripts/lunr.js +7 -0
  340. data/docs/source/javascripts/site.js +299 -0
  341. data/docs/source/javascripts/vendor/highlight.pack.js +2 -0
  342. data/docs/source/layouts/article.erb +106 -0
  343. data/docs/source/layouts/bare.erb +46 -0
  344. data/docs/source/layouts/layout.erb +43 -0
  345. data/docs/source/release-notes.html.md +258 -0
  346. data/docs/source/release-notes/workarea-3-0-0.html.md +146 -0
  347. data/docs/source/release-notes/workarea-3-0-1.html.md +161 -0
  348. data/docs/source/release-notes/workarea-3-0-10.html.md +39 -0
  349. data/docs/source/release-notes/workarea-3-0-11.html.md +277 -0
  350. data/docs/source/release-notes/workarea-3-0-12.html.md +14 -0
  351. data/docs/source/release-notes/workarea-3-0-13.html.md +153 -0
  352. data/docs/source/release-notes/workarea-3-0-14.html.md +93 -0
  353. data/docs/source/release-notes/workarea-3-0-15.html.md +107 -0
  354. data/docs/source/release-notes/workarea-3-0-16.html.md +36 -0
  355. data/docs/source/release-notes/workarea-3-0-17.html.md +141 -0
  356. data/docs/source/release-notes/workarea-3-0-18.html.md +123 -0
  357. data/docs/source/release-notes/workarea-3-0-19.html.md +160 -0
  358. data/docs/source/release-notes/workarea-3-0-2.html.md +222 -0
  359. data/docs/source/release-notes/workarea-3-0-20.html.md +95 -0
  360. data/docs/source/release-notes/workarea-3-0-21.html.md +168 -0
  361. data/docs/source/release-notes/workarea-3-0-22.html.md +268 -0
  362. data/docs/source/release-notes/workarea-3-0-23.html.md +173 -0
  363. data/docs/source/release-notes/workarea-3-0-24.html.md +19 -0
  364. data/docs/source/release-notes/workarea-3-0-25.html.md +26 -0
  365. data/docs/source/release-notes/workarea-3-0-26.html.md +199 -0
  366. data/docs/source/release-notes/workarea-3-0-27.html.md +113 -0
  367. data/docs/source/release-notes/workarea-3-0-28.html.md +39 -0
  368. data/docs/source/release-notes/workarea-3-0-29.html.md +73 -0
  369. data/docs/source/release-notes/workarea-3-0-3.html.md +35 -0
  370. data/docs/source/release-notes/workarea-3-0-30.html.md +186 -0
  371. data/docs/source/release-notes/workarea-3-0-31.html.md +125 -0
  372. data/docs/source/release-notes/workarea-3-0-32.html.md +73 -0
  373. data/docs/source/release-notes/workarea-3-0-33.html.md +137 -0
  374. data/docs/source/release-notes/workarea-3-0-34.html.md +203 -0
  375. data/docs/source/release-notes/workarea-3-0-35.html.md +205 -0
  376. data/docs/source/release-notes/workarea-3-0-36.html.md +105 -0
  377. data/docs/source/release-notes/workarea-3-0-37.html.md +144 -0
  378. data/docs/source/release-notes/workarea-3-0-38.html.md +73 -0
  379. data/docs/source/release-notes/workarea-3-0-39.html.md +77 -0
  380. data/docs/source/release-notes/workarea-3-0-4.html.md +14 -0
  381. data/docs/source/release-notes/workarea-3-0-40.html.md +130 -0
  382. data/docs/source/release-notes/workarea-3-0-41.html.md +70 -0
  383. data/docs/source/release-notes/workarea-3-0-42.html.md +52 -0
  384. data/docs/source/release-notes/workarea-3-0-43.html.md +72 -0
  385. data/docs/source/release-notes/workarea-3-0-44.html.md +93 -0
  386. data/docs/source/release-notes/workarea-3-0-45.html.md +61 -0
  387. data/docs/source/release-notes/workarea-3-0-46.html.md +171 -0
  388. data/docs/source/release-notes/workarea-3-0-47.html.md +130 -0
  389. data/docs/source/release-notes/workarea-3-0-48.html.md +160 -0
  390. data/docs/source/release-notes/workarea-3-0-49.html.md +28 -0
  391. data/docs/source/release-notes/workarea-3-0-5.html.md +225 -0
  392. data/docs/source/release-notes/workarea-3-0-50.html.md +74 -0
  393. data/docs/source/release-notes/workarea-3-0-51.html.md +61 -0
  394. data/docs/source/release-notes/workarea-3-0-52.html.md +76 -0
  395. data/docs/source/release-notes/workarea-3-0-53.html.md +126 -0
  396. data/docs/source/release-notes/workarea-3-0-54.html.md +112 -0
  397. data/docs/source/release-notes/workarea-3-0-55.html.md +105 -0
  398. data/docs/source/release-notes/workarea-3-0-56.html.md +56 -0
  399. data/docs/source/release-notes/workarea-3-0-57.html.md +82 -0
  400. data/docs/source/release-notes/workarea-3-0-58.html.md +153 -0
  401. data/docs/source/release-notes/workarea-3-0-59.html.md +78 -0
  402. data/docs/source/release-notes/workarea-3-0-6.html.md +165 -0
  403. data/docs/source/release-notes/workarea-3-0-60.html.md +43 -0
  404. data/docs/source/release-notes/workarea-3-0-61.html.md +46 -0
  405. data/docs/source/release-notes/workarea-3-0-62.html.md +23 -0
  406. data/docs/source/release-notes/workarea-3-0-63.html.md +25 -0
  407. data/docs/source/release-notes/workarea-3-0-64.html.md +25 -0
  408. data/docs/source/release-notes/workarea-3-0-65.html.md +37 -0
  409. data/docs/source/release-notes/workarea-3-0-7.html.md +207 -0
  410. data/docs/source/release-notes/workarea-3-0-8.html.md +337 -0
  411. data/docs/source/release-notes/workarea-3-0-9.html.md +196 -0
  412. data/docs/source/release-notes/workarea-3-1-0.html.md +414 -0
  413. data/docs/source/release-notes/workarea-3-1-1.html.md +139 -0
  414. data/docs/source/release-notes/workarea-3-1-10.html.md +19 -0
  415. data/docs/source/release-notes/workarea-3-1-11.html.md +27 -0
  416. data/docs/source/release-notes/workarea-3-1-12.html.md +216 -0
  417. data/docs/source/release-notes/workarea-3-1-13.html.md +113 -0
  418. data/docs/source/release-notes/workarea-3-1-14.html.md +39 -0
  419. data/docs/source/release-notes/workarea-3-1-15.html.md +107 -0
  420. data/docs/source/release-notes/workarea-3-1-16.html.md +188 -0
  421. data/docs/source/release-notes/workarea-3-1-17.html.md +141 -0
  422. data/docs/source/release-notes/workarea-3-1-18.html.md +73 -0
  423. data/docs/source/release-notes/workarea-3-1-19.html.md +137 -0
  424. data/docs/source/release-notes/workarea-3-1-2.html.md +55 -0
  425. data/docs/source/release-notes/workarea-3-1-20.html.md +203 -0
  426. data/docs/source/release-notes/workarea-3-1-21.html.md +205 -0
  427. data/docs/source/release-notes/workarea-3-1-22.html.md +121 -0
  428. data/docs/source/release-notes/workarea-3-1-23.html.md +144 -0
  429. data/docs/source/release-notes/workarea-3-1-24.html.md +94 -0
  430. data/docs/source/release-notes/workarea-3-1-25.html.md +77 -0
  431. data/docs/source/release-notes/workarea-3-1-26.html.md +130 -0
  432. data/docs/source/release-notes/workarea-3-1-27.html.md +70 -0
  433. data/docs/source/release-notes/workarea-3-1-28.html.md +52 -0
  434. data/docs/source/release-notes/workarea-3-1-29.html.md +44 -0
  435. data/docs/source/release-notes/workarea-3-1-3.html.md +185 -0
  436. data/docs/source/release-notes/workarea-3-1-30.html.md +72 -0
  437. data/docs/source/release-notes/workarea-3-1-31.html.md +93 -0
  438. data/docs/source/release-notes/workarea-3-1-32.html.md +61 -0
  439. data/docs/source/release-notes/workarea-3-1-33.html.md +171 -0
  440. data/docs/source/release-notes/workarea-3-1-34.html.md +130 -0
  441. data/docs/source/release-notes/workarea-3-1-35.html.md +179 -0
  442. data/docs/source/release-notes/workarea-3-1-36.html.md +28 -0
  443. data/docs/source/release-notes/workarea-3-1-37.html.md +74 -0
  444. data/docs/source/release-notes/workarea-3-1-38.html.md +61 -0
  445. data/docs/source/release-notes/workarea-3-1-39.html.md +96 -0
  446. data/docs/source/release-notes/workarea-3-1-4.html.md +148 -0
  447. data/docs/source/release-notes/workarea-3-1-40.html.md +126 -0
  448. data/docs/source/release-notes/workarea-3-1-41.html.md +128 -0
  449. data/docs/source/release-notes/workarea-3-1-42.html.md +105 -0
  450. data/docs/source/release-notes/workarea-3-1-43.html.md +37 -0
  451. data/docs/source/release-notes/workarea-3-1-44.html.md +82 -0
  452. data/docs/source/release-notes/workarea-3-1-45.html.md +153 -0
  453. data/docs/source/release-notes/workarea-3-1-46.html.md +91 -0
  454. data/docs/source/release-notes/workarea-3-1-47.html.md +65 -0
  455. data/docs/source/release-notes/workarea-3-1-48.html.md +46 -0
  456. data/docs/source/release-notes/workarea-3-1-49.html.md +23 -0
  457. data/docs/source/release-notes/workarea-3-1-5.html.md +169 -0
  458. data/docs/source/release-notes/workarea-3-1-50.html.md +42 -0
  459. data/docs/source/release-notes/workarea-3-1-51.html.md +25 -0
  460. data/docs/source/release-notes/workarea-3-1-52.html.md +57 -0
  461. data/docs/source/release-notes/workarea-3-1-6.html.md +117 -0
  462. data/docs/source/release-notes/workarea-3-1-7.html.md +176 -0
  463. data/docs/source/release-notes/workarea-3-1-8.html.md +283 -0
  464. data/docs/source/release-notes/workarea-3-1-9.html.md +212 -0
  465. data/docs/source/release-notes/workarea-3-2-0.html.md +1705 -0
  466. data/docs/source/release-notes/workarea-3-2-1.html.md +216 -0
  467. data/docs/source/release-notes/workarea-3-2-10.html.md +237 -0
  468. data/docs/source/release-notes/workarea-3-2-11.html.md +121 -0
  469. data/docs/source/release-notes/workarea-3-2-12.html.md +145 -0
  470. data/docs/source/release-notes/workarea-3-2-13.html.md +138 -0
  471. data/docs/source/release-notes/workarea-3-2-14.html.md +77 -0
  472. data/docs/source/release-notes/workarea-3-2-15.html.md +130 -0
  473. data/docs/source/release-notes/workarea-3-2-16.html.md +111 -0
  474. data/docs/source/release-notes/workarea-3-2-17.html.md +52 -0
  475. data/docs/source/release-notes/workarea-3-2-18.html.md +44 -0
  476. data/docs/source/release-notes/workarea-3-2-19.html.md +72 -0
  477. data/docs/source/release-notes/workarea-3-2-2.html.md +145 -0
  478. data/docs/source/release-notes/workarea-3-2-20.html.md +93 -0
  479. data/docs/source/release-notes/workarea-3-2-21.html.md +61 -0
  480. data/docs/source/release-notes/workarea-3-2-22.html.md +154 -0
  481. data/docs/source/release-notes/workarea-3-2-23.html.md +130 -0
  482. data/docs/source/release-notes/workarea-3-2-24.html.md +200 -0
  483. data/docs/source/release-notes/workarea-3-2-25.html.md +28 -0
  484. data/docs/source/release-notes/workarea-3-2-26.html.md +94 -0
  485. data/docs/source/release-notes/workarea-3-2-27.html.md +61 -0
  486. data/docs/source/release-notes/workarea-3-2-28.html.md +96 -0
  487. data/docs/source/release-notes/workarea-3-2-29.html.md +126 -0
  488. data/docs/source/release-notes/workarea-3-2-30.html.md +112 -0
  489. data/docs/source/release-notes/workarea-3-2-31.html.md +105 -0
  490. data/docs/source/release-notes/workarea-3-2-32.html.md +56 -0
  491. data/docs/source/release-notes/workarea-3-2-33.html.md +82 -0
  492. data/docs/source/release-notes/workarea-3-2-34.html.md +153 -0
  493. data/docs/source/release-notes/workarea-3-2-35.html.md +91 -0
  494. data/docs/source/release-notes/workarea-3-2-36.html.md +118 -0
  495. data/docs/source/release-notes/workarea-3-2-37.html.md +46 -0
  496. data/docs/source/release-notes/workarea-3-2-38.html.md +23 -0
  497. data/docs/source/release-notes/workarea-3-2-39.html.md +42 -0
  498. data/docs/source/release-notes/workarea-3-2-4.html.md +109 -0
  499. data/docs/source/release-notes/workarea-3-2-40.html.md +25 -0
  500. data/docs/source/release-notes/workarea-3-2-41.html.md +90 -0
  501. data/docs/source/release-notes/workarea-3-2-5.html.md +186 -0
  502. data/docs/source/release-notes/workarea-3-2-6.html.md +173 -0
  503. data/docs/source/release-notes/workarea-3-2-7.html.md +89 -0
  504. data/docs/source/release-notes/workarea-3-2-8.html.md +137 -0
  505. data/docs/source/release-notes/workarea-3-2-9.html.md +219 -0
  506. data/docs/source/release-notes/workarea-3-3-0.html.md +1272 -0
  507. data/docs/source/release-notes/workarea-3-3-1.html.md +324 -0
  508. data/docs/source/release-notes/workarea-3-3-10.html.md +69 -0
  509. data/docs/source/release-notes/workarea-3-3-11.html.md +72 -0
  510. data/docs/source/release-notes/workarea-3-3-12.html.md +136 -0
  511. data/docs/source/release-notes/workarea-3-3-13.html.md +61 -0
  512. data/docs/source/release-notes/workarea-3-3-14.html.md +196 -0
  513. data/docs/source/release-notes/workarea-3-3-15.html.md +167 -0
  514. data/docs/source/release-notes/workarea-3-3-16.html.md +234 -0
  515. data/docs/source/release-notes/workarea-3-3-17.html.md +82 -0
  516. data/docs/source/release-notes/workarea-3-3-18.html.md +165 -0
  517. data/docs/source/release-notes/workarea-3-3-19.html.md +106 -0
  518. data/docs/source/release-notes/workarea-3-3-2.html.md +72 -0
  519. data/docs/source/release-notes/workarea-3-3-20.html.md +116 -0
  520. data/docs/source/release-notes/workarea-3-3-21.html.md +228 -0
  521. data/docs/source/release-notes/workarea-3-3-22.html.md +125 -0
  522. data/docs/source/release-notes/workarea-3-3-23.html.md +154 -0
  523. data/docs/source/release-notes/workarea-3-3-24.html.md +70 -0
  524. data/docs/source/release-notes/workarea-3-3-25.html.md +114 -0
  525. data/docs/source/release-notes/workarea-3-3-26.html.md +260 -0
  526. data/docs/source/release-notes/workarea-3-3-27.html.md +138 -0
  527. data/docs/source/release-notes/workarea-3-3-28.html.md +147 -0
  528. data/docs/source/release-notes/workarea-3-3-29.html.md +63 -0
  529. data/docs/source/release-notes/workarea-3-3-3.html.md +153 -0
  530. data/docs/source/release-notes/workarea-3-3-30.html.md +102 -0
  531. data/docs/source/release-notes/workarea-3-3-31.html.md +57 -0
  532. data/docs/source/release-notes/workarea-3-3-32.html.md +44 -0
  533. data/docs/source/release-notes/workarea-3-3-33.html.md +114 -0
  534. data/docs/source/release-notes/workarea-3-3-4.html.md +332 -0
  535. data/docs/source/release-notes/workarea-3-3-5.html.md +242 -0
  536. data/docs/source/release-notes/workarea-3-3-6.html.md +100 -0
  537. data/docs/source/release-notes/workarea-3-3-7.html.md +148 -0
  538. data/docs/source/release-notes/workarea-3-3-8.html.md +163 -0
  539. data/docs/source/release-notes/workarea-3-3-9.html.md +93 -0
  540. data/docs/source/release-notes/workarea-3-4-0.html.md +580 -0
  541. data/docs/source/release-notes/workarea-3-4-1.html.md +150 -0
  542. data/docs/source/release-notes/workarea-3-4-10.html.md +72 -0
  543. data/docs/source/release-notes/workarea-3-4-11.html.md +60 -0
  544. data/docs/source/release-notes/workarea-3-4-12.html.md +155 -0
  545. data/docs/source/release-notes/workarea-3-4-2.html.md +188 -0
  546. data/docs/source/release-notes/workarea-3-4-3.html.md +136 -0
  547. data/docs/source/release-notes/workarea-3-4-4.html.md +114 -0
  548. data/docs/source/release-notes/workarea-3-4-5.html.md +275 -0
  549. data/docs/source/release-notes/workarea-3-4-6.html.md +169 -0
  550. data/docs/source/release-notes/workarea-3-4-7.html.md +162 -0
  551. data/docs/source/release-notes/workarea-3-4-8.html.md +95 -0
  552. data/docs/source/release-notes/workarea-3-4-9.html.md +135 -0
  553. data/docs/source/search.html.erb +34 -0
  554. data/docs/source/shared/_header.erb +61 -0
  555. data/docs/source/shared/_svgs.erb +17 -0
  556. data/docs/source/style_guide/index.html.erb +382 -0
  557. data/docs/source/stylesheets/_base.scss +125 -0
  558. data/docs/source/stylesheets/_components.scss +669 -0
  559. data/docs/source/stylesheets/_helpers.scss +10 -0
  560. data/docs/source/stylesheets/_opinions.scss +42 -0
  561. data/docs/source/stylesheets/_settings.scss +56 -0
  562. data/docs/source/stylesheets/_typography.scss +119 -0
  563. data/docs/source/stylesheets/site.css.scss +14 -0
  564. data/docs/source/stylesheets/vendor/_avalanche.scss +328 -0
  565. data/docs/source/stylesheets/vendor/_normalize.scss +341 -0
  566. data/docs/source/stylesheets/vendor/highlight/_tomorrow_night_blue.scss +75 -0
  567. data/docs/source/upgrade-guides.html.md +18 -0
  568. data/docs/source/upgrade-guides/workarea-3-4-0.html.md +152 -0
  569. data/docs/workarea_renderer.rb +8 -0
  570. data/docs/yarn.lock +2522 -0
  571. metadata +669 -0
data/docs/source/search.html.erb ADDED
@@ -0,0 +1,34 @@
1
+ ---
2
+ title: Search
3
+ body_class: body--flat
4
+ ---
5
+
6
+ <div class='section [ white-text align-center ]'>
7
+ <div class='hide-if-noscript'>
8
+ <h1 class='heading heading--4 no-bottom-margin'>Search</h1>
9
+ <p class='no-top-margin'>Keep typing and we'll keep searching!</p>
10
+
11
+ <% form_tag '/search.html', class: 'search', method: 'get' do %>
12
+ <input type='search' name='q' placeholder='Search the Workarea Commerce Docs' class='search__input' autocomplete='off' id='lunr-search'>
13
+ <input type='submit' class='search__button' value='⟶'>
14
+ <% end %>
15
+ </div>
16
+
17
+ <noscript>
18
+ <span class='heading heading--4'>Dear Hardcore Conspiracy Theorist</span>
19
+ <p>We use JavaScript to power our search results.</p>
20
+ <p>Though we ourselves are not out to get you, personally, you'll have to re-enable JavaScript in order to search this site.</p>
21
+ <p>On behalf of Workarea, I apologize.</p>
22
+ <p>
23
+ Sincerely yours,<br>
24
+ <strong>Workarea Documentation, Esq.</strong>
25
+ </p>
26
+ </noscript>
27
+ </div>
28
+
29
+ <div class='hide-if-noscript'>
30
+ <div class='search-results'>
31
+ <p class='search-results__count'>No results to show</p>
32
+ <ul class='search-results__list'></ul>
33
+ </div>
34
+ </div>
data/docs/source/shared/_header.erb ADDED
@@ -0,0 +1,61 @@
1
+ <div id='header' class='header'>
2
+ <div class='grid grid--flush'>
3
+ <div class='grid__cell 2/6--lap-and-up 2/5--widescreen'>
4
+ <div class='header__logo'>
5
+ <div class='grid grid--middle'>
6
+ <div class='grid__cell 1/6 1/4--lap-and-up'>
7
+ <% link_to '/', class: 'header__icon-button' do %>
8
+ <%= image_tag('logo.svg', alt: 'Workarea Commerce', class: 'header__icon') %>
9
+ <% end %>
10
+ </div>
11
+ <div class='grid__cell 4/6 3/4--lap-and-up'>
12
+ <%= link_to 'Workarea Documentation', '/', class: 'header__logo-text' %>
13
+ </div>
14
+ <div class='grid__cell 1/6'>
15
+ <div class='align-right'>
16
+ <a href='#' class='header__icon-button header__icon-button--menu'>
17
+ <%= image_tag('menu.svg', alt: 'Workarea Commerce', class: 'header__icon') %>
18
+ </a>
19
+ </div>
20
+ </div>
21
+ </div>
22
+ </div>
23
+ </div>
24
+
25
+ <div class='grid__cell 4/6--lap-and-up 3/5--widescreen'>
26
+ <div class='header__nav'>
27
+ <nav class='grid grid--auto grid--right grid--middle grid--flush'>
28
+ <span class='grid__cell'>
29
+ <%= link_to 'Release Notes', '/release-notes.html', class: 'header__nav-item' %>
30
+ </span>
31
+ <span class='grid__cell 1/6--lap-and-up'>
32
+ <%= link_to 'CLI', '/cli.html', class: 'header__nav-item' %>
33
+ </span>
34
+ <span class='grid__cell 1/6--lap-and-up'>
35
+ <a href='https://demo.workarea.com/api/docs' target='_blank' class='header__nav-item'>
36
+ <span>API</span>
37
+ <%= partial 'shared/svgs', locals: { svg: 'external' } %>
38
+ </a>
39
+ </span>
40
+ <span class='grid__cell 1/6--lap-and-up'>
41
+ <a href='https://workarea-community.slack.com' target='_blank' class='header__nav-item'>
42
+ <span>Slack</span>
43
+ <%= partial 'shared/svgs', locals: { svg: 'external' } %>
44
+ </a>
45
+ </span>
46
+ <span class='grid__cell 1/6--lap-and-up'>
47
+ <a href='https://support.workarea.com' target='_blank' class='header__nav-item'>
48
+ <span>Support</span>
49
+ <%= partial 'shared/svgs', locals: { svg: 'external' } %>
50
+ </a>
51
+ </span>
52
+ <span class='grid__cell 1/6--lap-and-up'>
53
+ <a href='https://www.workarea.com' target='_blank' class='header__nav-item header__nav-item--alt'>
54
+ <%= partial 'shared/svgs', locals: { svg: 'workarea' } %>
55
+ </a>
56
+ </span>
57
+ </nav>
58
+ </div>
59
+ </div>
60
+ </div>
61
+ </div>
data/docs/source/shared/_svgs.erb ADDED
@@ -0,0 +1,17 @@
1
+ <% if (svg == 'architecture') %>
2
+ <svg width="38" height="38" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><circle fill="#CA10B1" cx="19" cy="19" r="19"/><path d="M21.281 16.043a2.734 2.734 0 0 1-1.816 1.555l4.071 10.723 1.81.679.226-1.81-4.291-11.147zm-4.99-.014L12 27.19l.226 1.81 1.81-.679 4.071-10.723c-.82-.214-1.49-.8-1.816-1.569zm2.495-1.732a.679.679 0 1 1 0 1.358.679.679 0 0 1 0-1.358zm0-1.583a2.262 2.262 0 1 0 0 4.525 2.262 2.262 0 0 0 0-4.525zM18.107 10a.226.226 0 0 0-.226.226v2.191a2.689 2.689 0 0 1 1.81 0v-2.191a.226.226 0 0 0-.226-.226h-1.358z" fill="#FFF"/></g></svg>
3
+ <% elsif (svg == 'arrow') %>
4
+ <svg width="25" height="12" xmlns="http://www.w3.org/2000/svg"><g stroke="#303541" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M19 11l5-5-5-5M23 6H1"/></g></svg>
5
+ <% elsif (svg == 'implementation') %>
6
+ <svg width="38" height="38" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><circle fill="#FF7D03" cx="19" cy="19" r="19"/><circle fill="#FF7D03" cx="19" cy="19" r="19"/><path d="M19 22.945a3.945 3.945 0 1 1 0-7.89 3.945 3.945 0 0 1 0 7.89zm9-2.274v-3.342h-2.411a6.762 6.762 0 0 0-.75-1.806l1.706-1.706-2.362-2.362-1.706 1.705a6.758 6.758 0 0 0-1.806-.749V10h-3.342v2.411a6.74 6.74 0 0 0-1.806.75l-1.706-1.706-2.363 2.363 1.706 1.705a6.765 6.765 0 0 0-.749 1.806H10v3.342h2.411c.163.643.418 1.25.749 1.806l-1.706 1.706 2.364 2.362 1.705-1.706a6.751 6.751 0 0 0 1.807.75v2.41h3.34v-2.41a6.751 6.751 0 0 0 1.807-.75l1.706 1.706 2.363-2.362-1.706-1.706a6.77 6.77 0 0 0 .75-1.806H28z" fill="#FFF"/></g></svg>
7
+ <% elsif (svg == 'info') %>
8
+ <svg width="38" height="38" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M0 .05h4.9v4.9H0z"/><path id="c" d="M0 .097h4.9V14H0z"/></defs><g fill="none" fill-rule="evenodd"><circle fill="#FF7D03" cx="19" cy="19" r="19"/><circle fill="#0060FF" cx="19" cy="19" r="19"/><g transform="translate(17 9)"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path d="M2.45.05C1.1.05 0 1.15 0 2.5s1.1 2.45 2.45 2.45S4.9 3.85 4.9 2.5 3.8.05 2.45.05" fill="#F8F7F2" mask="url(#b)"/></g><g transform="translate(17 16)"><mask id="d" fill="#fff"><use xlink:href="#c"/></mask><path d="M2.45.097C1.1.097 0 1.159 0 2.462v9.172C0 12.938 1.1 14 2.45 14s2.45-1.062 2.45-2.366V2.462C4.9 1.16 3.8.097 2.45.097" fill="#FFF" mask="url(#d)"/></g></g></svg>
9
+ <% elsif (svg == 'getting_started') %>
10
+ <svg width="38" height="38" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><circle fill="#42CC81" cx="19" cy="19" r="19"/><path d="M19 31c-6.076 0-11-5.006-11-11.18 0-4.197 2.273-7.852 5.638-9.764.188-.091.262-.084.37.186l.69 1.737c.13.326.066.383-.118.476a8.65 8.65 0 0 0-4.065 7.365c0 4.763 3.799 8.624 8.485 8.624 4.687 0 8.486-3.861 8.486-8.624 0-3.12-1.628-5.85-4.067-7.365-.198-.129-.221-.187-.096-.5l.67-1.68c.114-.288.197-.32.35-.23A11.208 11.208 0 0 1 30 19.82C30 25.994 25.075 31 19 31zM18 8.245C18 7.56 18.018 7 18.84 7h1.32c.82 0 .84.56.84 1.245v11.511c0 .684-.02 1.244-.84 1.244h-1.32c-.822 0-.84-.56-.84-1.244V8.245z" fill="#FFF"/></g></svg>
11
+ <% elsif (svg == 'workarea') %>
12
+ <svg width="120" height="14" xmlns="http://www.w3.org/2000/svg"><g fill-rule="nonzero"><path d="M18.751 12.57a3.85 3.85 0 0 1-1.55-1.619 5.51 5.51 0 0 1 0-4.788 3.885 3.885 0 0 1 1.55-1.62 5.016 5.016 0 0 1 4.66 0c.666.38 1.208.942 1.562 1.62a5.458 5.458 0 0 1 0 4.788 3.95 3.95 0 0 1-1.561 1.62 5.016 5.016 0 0 1-4.66 0zm3.694-1.164c.449-.236.821-.596 1.072-1.037a3.495 3.495 0 0 0 .419-1.8 3.495 3.495 0 0 0-.42-1.783 2.58 2.58 0 0 0-1.071-1.025 3.07 3.07 0 0 0-2.732 0 2.47 2.47 0 0 0-1.072.996 3.495 3.495 0 0 0-.414 1.783 3.495 3.495 0 0 0 .414 1.8c.243.444.615.805 1.066 1.037a2.977 2.977 0 0 0 2.732 0l.006.029zM28.252 12.816a.757.757 0 0 1-.227-.583V4.858a.78.78 0 0 1 .227-.582.751.751 0 0 1 .583-.233.775.775 0 0 1 .582.233.763.763 0 0 1 .233.582v.74c.81-1.083 1.713-1.625 2.72-1.625h.082A.722.722 0 0 1 33 4.2a.757.757 0 0 1 .216.553.693.693 0 0 1-.228.536.792.792 0 0 1-.582.21h-.082a3.006 3.006 0 0 0-1.526.402c-.468.28-.867.662-1.165 1.118v5.243a.746.746 0 0 1-.233.583.786.786 0 0 1-.583.221.763.763 0 0 1-.565-.25zM35.336 12.816a.757.757 0 0 1-.227-.583V1.054a.78.78 0 0 1 .227-.582.722.722 0 0 1 .582-.233.798.798 0 0 1 .781.815v7.101l4.078-3.833a.792.792 0 0 1 .518-.227.687.687 0 0 1 .583.227c.123.151.19.341.186.536a.856.856 0 0 1-.297.583L39.28 7.67l3.128 4.148c.108.132.17.296.175.466a.705.705 0 0 1-.228.554.804.804 0 0 1-.582.21.734.734 0 0 1-.344-.088.845.845 0 0 1-.297-.239l-2.97-4.077-1.463 1.404v2.225a.746.746 0 0 1-.233.582.798.798 0 0 1-.583.222.757.757 0 0 1-.547-.262zM45.734 12.816a2.464 2.464 0 0 1-1.404-2.284 2.417 2.417 0 0 1 1.008-2.045 4.893 4.893 0 0 1 2.965-.757H50.4v-.14a2.103 2.103 0 0 0-.583-1.642 2.563 2.563 0 0 0-1.747-.501 5.907 5.907 0 0 0-1.165.104c-.383.078-.761.18-1.13.31a.984.984 0 0 1-.227.034.617.617 0 0 1-.449-.192.63.63 0 0 1-.192-.466.67.67 0 0 1 .454-.658 7.614 7.614 0 0 1 2.989-.606c.703-.024 1.4.146 2.015.49.517.29.938.725 1.212 1.252a3.6 3.6 0 0 1 .39 1.666v4.893a.763.763 0 0 1-.233.582.804.804 0 0 1-.583.222.757.757 0 0 1-.774-.78v-.473a4.346 4.346 0 0 1-3.257 1.317 3.28 3.28 0 0 1-1.386-.326zm3.495-1.445a4.23 4.23 0 0 0 1.165-.926V8.988h-1.881c-1.748 0-2.61.46-2.61 1.37-.015.379.139.745.42 1.001.409.292.909.426 1.409.379a3.157 3.157 0 0 0 1.474-.35l.023-.017zM55.13 12.816a.757.757 0 0 1-.221-.583V4.858a.775.775 0 0 1 .804-.815.798.798 0 0 1 .792.815v.74c.804-1.083 1.712-1.625 2.714-1.625h.088a.71.71 0 0 1 .542.227.757.757 0 0 1 .215.553.687.687 0 0 1-.221.536.81.81 0 0 1-.583.21h-.087a2.965 2.965 0 0 0-1.52.402c-.47.278-.869.66-1.166 1.118v5.243a.763.763 0 0 1-.233.583.804.804 0 0 1-.582.221.775.775 0 0 1-.542-.25zM62.37 11.942a4.608 4.608 0 0 1-1.164-3.385c-.01-.778.143-1.55.448-2.266.29-.68.769-1.263 1.381-1.677a4.416 4.416 0 0 1 4.515-.041 3.868 3.868 0 0 1 1.42 1.59c.326.678.491 1.421.484 2.173a.769.769 0 0 1-.215.553.786.786 0 0 1-.583.222H62.78c.049.72.37 1.394.897 1.887.61.478 1.376.71 2.15.652.429.007.857-.04 1.275-.14a5.557 5.557 0 0 0 1.06-.395.693.693 0 0 1 .315-.07c.179 0 .351.066.483.186.136.123.21.3.204.484a.734.734 0 0 1-.448.64 5.895 5.895 0 0 1-1.329.583 6.227 6.227 0 0 1-1.695.192 4.433 4.433 0 0 1-3.32-1.188zm5.512-4.113a2.75 2.75 0 0 0-.443-1.415 2.406 2.406 0 0 0-.961-.84 2.656 2.656 0 0 0-2.33 0 2.377 2.377 0 0 0-.938.834 2.802 2.802 0 0 0-.431 1.415l5.103.006zM72.588 12.816a2.452 2.452 0 0 1-1.41-2.284 2.423 2.423 0 0 1 1.014-2.045 4.882 4.882 0 0 1 2.954-.74h2.09v-.14a2.103 2.103 0 0 0-.582-1.642 2.58 2.58 0 0 0-1.747-.5c-.391-.005-.781.03-1.165.104-.384.077-.761.18-1.13.309a.984.984 0 0 1-.228.035.583.583 0 0 1-.448-.193.63.63 0 0 1-.192-.466.676.676 0 0 1 .448-.658 7.666 7.666 0 0 1 2.994-.623c.704-.024 1.401.146 2.016.49.517.29.938.725 1.212 1.252a3.67 3.67 0 0 1 .384 1.666v4.893a.746.746 0 0 1-.233.582.786.786 0 0 1-.582.222.769.769 0 0 1-.781-.78v-.473a4.322 4.322 0 0 1-3.221 1.317 3.262 3.262 0 0 1-1.393-.326zm3.466-1.445c.45-.22.854-.52 1.195-.886V9.03h-1.882c-1.748 0-2.616.46-2.616 1.37-.013.38.143.746.426 1.001.409.292.91.426 1.41.379a3.151 3.151 0 0 0 1.467-.39v-.018zM81.938 12.734a.944.944 0 0 1-.286-.682v-.104a.944.944 0 0 1 .286-.682.926.926 0 0 1 .681-.285h.175a.973.973 0 0 1 .967.967v.104a.973.973 0 0 1-.967.967h-.175a.926.926 0 0 1-.681-.285zM88.078 12.588a4.258 4.258 0 0 1-1.69-1.59 4.614 4.614 0 0 1-.629-2.44 4.59 4.59 0 0 1 .63-2.436 4.317 4.317 0 0 1 1.689-1.596 5.243 5.243 0 0 1 3.88-.32 5.96 5.96 0 0 1 1.24.582.693.693 0 0 1 .344.583.664.664 0 0 1-.198.472.583.583 0 0 1-.46.221.775.775 0 0 1-.38-.105 6.303 6.303 0 0 0-.978-.425 3.326 3.326 0 0 0-1.013-.128 3.128 3.128 0 0 0-2.33.856 3.07 3.07 0 0 0-.851 2.255 3.07 3.07 0 0 0 .85 2.26 3.128 3.128 0 0 0 2.33.856c.343.008.685-.037 1.014-.134a6.81 6.81 0 0 0 .979-.42.775.775 0 0 1 .378-.104.583.583 0 0 1 .46.215.687.687 0 0 1-.145 1.078 5.96 5.96 0 0 1-1.24.582 4.718 4.718 0 0 1-1.58.233 4.899 4.899 0 0 1-2.3-.495zM97.2 12.57a3.839 3.839 0 0 1-1.544-1.619 5.039 5.039 0 0 1-.547-2.394 5.074 5.074 0 0 1 .547-2.394c.344-.68.881-1.243 1.544-1.62a5.027 5.027 0 0 1 4.66 0c.665.378 1.206.94 1.556 1.62a5.458 5.458 0 0 1 0 4.788 3.897 3.897 0 0 1-1.556 1.62c-1.46.763-3.2.763-4.66 0zm3.693-1.164a2.61 2.61 0 0 0 1.049-1.066c.304-.55.45-1.173.425-1.8a3.408 3.408 0 0 0-.425-1.783 2.546 2.546 0 0 0-1.072-1.025 3 3 0 0 0-1.357-.32 3.035 3.035 0 0 0-1.375.32c-.45.228-.82.585-1.066 1.025a3.495 3.495 0 0 0-.414 1.783c-.023.626.12 1.247.414 1.8.247.442.617.802 1.066 1.037.425.22.896.333 1.375.332.48.005.954-.11 1.38-.332v.029zM106.701 12.816a.78.78 0 0 1-.221-.583V4.858a.804.804 0 0 1 .221-.582.763.763 0 0 1 .582-.233.786.786 0 0 1 .583.233.763.763 0 0 1 .233.582v.71a4.177 4.177 0 0 1 1.165-1.164 3.163 3.163 0 0 1 1.748-.454 2.697 2.697 0 0 1 1.66.518c.439.322.78.76.984 1.264a3.495 3.495 0 0 1 3.18-1.782 2.61 2.61 0 0 1 1.62.489c.432.324.764.762.961 1.264.205.505.31 1.045.31 1.59v4.98a.746.746 0 0 1-.234.583.804.804 0 0 1-.582.222.751.751 0 0 1-.548-.222.757.757 0 0 1-.227-.582v-4.66a2.79 2.79 0 0 0-.396-1.655 1.62 1.62 0 0 0-1.37-.524 2.295 2.295 0 0 0-1.461.454c-.41.338-.758.747-1.026 1.206v5.185a.746.746 0 0 1-.238.582.78.78 0 0 1-.583.221.769.769 0 0 1-.78-.78v-4.66a2.75 2.75 0 0 0-.397-1.655 1.608 1.608 0 0 0-1.363-.524 2.295 2.295 0 0 0-1.462.454 4.398 4.398 0 0 0-1.03 1.206v5.185a.746.746 0 0 1-.234.582.804.804 0 0 1-.582.222.775.775 0 0 1-.513-.297zM8.336 4.206c.149.156.229.366.221.582a.926.926 0 0 1-.087.362l-3.006 7.176a1.083 1.083 0 0 1-.384.46.95.95 0 0 1-.583.181h-.169a.95.95 0 0 1-.582-.18 1.083 1.083 0 0 1-.385-.46L.38 5.131a.926.926 0 0 1-.088-.361.78.78 0 0 1 .227-.583.746.746 0 0 1 .583-.233c.15.003.296.05.42.134a.717.717 0 0 1 .285.32l2.621 6.723 2.645-6.705a.717.717 0 0 1 .285-.32.763.763 0 0 1 .979.099zM15.035 4.206a.763.763 0 0 0-.979-.099.717.717 0 0 0-.285.32l-2.645 6.705-1.712-4.346-.822 1.952 1.497 3.577c.078.203.217.378.396.5.17.121.375.185.583.181h.175a.979.979 0 0 0 .582-.18c.167-.115.299-.275.379-.46l3.012-7.195a.926.926 0 0 0 .087-.361.78.78 0 0 0-.268-.594z"/></g></svg>
13
+ <% elsif (svg == 'external') %>
14
+ <svg xmlns="http://www.w3.org/2000/svg" clip-rule="evenodd" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="1" viewBox="0 0 32 32"><path fill="none" d="M0 0h32v32H0z"/><path d="M27.98 2.99a1 1 0 0 0-.111.01h-7.87a1 1 0 1 0 0 2h5.586L13.292 17.293a1 1 0 1 0 1.415 1.414L27 6.414V12a1 1 0 1 0 2 0V4.127a1 1 0 0 0-1.02-1.137z" clip-rule="nonzero" color="#000" fill-rule="nonzero" solid-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;isolation:auto;mix-blend-mode:normal;shape-padding:0;text-decoration-color:#000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none" white-space="normal"/><path d="M14 7c-2.496 0-4.382-.004-5.885.166-1.503.17-2.706.527-3.566 1.389s-1.214 2.062-1.383 3.564C2.997 13.621 3 15.507 3 18c0 2.494-.002 4.38.17 5.883.172 1.503.534 2.704 1.396 3.564.863.86 2.064 1.218 3.565 1.387S11.514 29 14 29c2.486 0 4.368.001 5.87-.17 1.5-.17 2.703-.53 3.565-1.39s1.221-2.063 1.393-3.565S25 20.49 25 18a1 1 0 1 0-2 0c0 2.487-.009 4.343-.158 5.649-.15 1.306-.425 1.982-.82 2.377-.396.394-1.072.67-2.378.818S16.484 27 14 27c-2.485 0-4.339-.007-5.645-.154-1.306-.148-1.982-.421-2.377-.815s-.67-1.07-.82-2.377S5 20.492 5 18s.005-4.349.152-5.656c.147-1.308.421-1.983.813-2.375.392-.392 1.067-.667 2.375-.815C9.648 9.007 11.505 9 14 9a1 1 0 1 0 0-2z" clip-rule="nonzero" color="#000" fill-rule="nonzero" solid-color="#000000" style="font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;isolation:auto;mix-blend-mode:normal;shape-padding:0;text-decoration-color:#000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none" white-space="normal"/></svg>
15
+ <% elsif (svg == 'hosting') %>
16
+ <svg xmlns="http://www.w3.org/2000/svg" width="38" height="38"><g fill="none" fill-rule="evenodd"><circle cx="19" cy="19" r="19" fill="#FF7D03"/><circle cx="19" cy="19" r="19" fill="#02B9CF"/><path d="M26.124 22.954a.374.374 0 0 0 .374-.374v-2.145a.374.374 0 0 0-.374-.374H11.876a.374.374 0 0 0-.374.374v2.145c0 .206.168.374.374.374h14.248zm-2.302-1.961a.756.756 0 0 1 1.028 0 .745.745 0 0 1 .212.514.727.727 0 1 1-1.24-.514zm-9.644 1.028a.727.727 0 0 1-1.24-.514c0-.192.078-.378.212-.511a.753.753 0 0 1 1.028 0 .727.727 0 0 1 0 1.025zm11.946-9.508H11.876a.374.374 0 0 0-.374.374v2.144c0 .206.168.374.374.374h14.248a.374.374 0 0 0 .374-.374v-2.144a.374.374 0 0 0-.374-.374zm-3.954 1.96a.732.732 0 0 1-1.027 0 .727.727 0 0 1 0-1.028.756.756 0 0 1 1.027 0 .745.745 0 0 1 .212.513.74.74 0 0 1-.212.514zm2.68 0a.74.74 0 0 1-.514.211.722.722 0 0 1-.726-.726c0-.191.076-.377.212-.513a.756.756 0 0 1 1.028 0 .74.74 0 0 1 .212.513.74.74 0 0 1-.212.514z"/><path fill="#FFF" fill-rule="nonzero" d="M27.95 12.887a1.828 1.828 0 0 0-1.826-1.826H11.876a1.828 1.828 0 0 0-1.825 1.826v2.144c0 1.007.819 1.826 1.825 1.826h14.248a1.828 1.828 0 0 0 1.825-1.826v-2.144zm-1.452 2.144a.374.374 0 0 1-.374.374H11.876a.374.374 0 0 1-.374-.374v-2.144c0-.207.168-.374.374-.374h14.248c.206 0 .374.167.374.374v2.144z"/><path fill="#FFF" fill-rule="nonzero" d="M21.143 13.445a.727.727 0 0 0 1.027 1.027.74.74 0 0 0 .212-.514.745.745 0 0 0-.212-.513.756.756 0 0 0-1.027 0zm2.68 0a.727.727 0 0 0 1.027 1.027.74.74 0 0 0 .212-.514.74.74 0 0 0-.212-.513.756.756 0 0 0-1.028 0zm2.3 10.96a1.828 1.828 0 0 0 1.826-1.825v-2.145a1.828 1.828 0 0 0-1.825-1.825H11.876a1.828 1.828 0 0 0-1.825 1.825v2.145c0 1.006.819 1.825 1.825 1.825h6.398v1.921h-7.497a.726.726 0 1 0 0 1.452h16.446a.726.726 0 1 0 0-1.452h-7.497v-1.92h6.398zm-14.62-1.825v-2.145c0-.206.167-.374.373-.374h14.248c.206 0 .374.168.374.374v2.145a.374.374 0 0 1-.374.374H11.876a.374.374 0 0 1-.374-.374z"/><path fill="#FFF" fill-rule="nonzero" d="M24.336 22.233a.727.727 0 0 0 .726-.726.745.745 0 0 0-.212-.514.756.756 0 0 0-1.028 0 .727.727 0 0 0 .514 1.24zM13.15 20.996a.728.728 0 0 0 0 1.025.732.732 0 0 0 1.028 0 .727.727 0 0 0 0-1.025.753.753 0 0 0-1.028 0z"/></g></svg>
17
+ <% end %>
data/docs/source/style_guide/index.html.erb ADDED
@@ -0,0 +1,382 @@
1
+ <div class='section [ white-text align-center ]'>
2
+ <h1>Style Guide</h1>
3
+ <p>All example areas are heavily padded unless otherwise indicated.</p>
4
+ <p>Please keep this style guide maintained by working here first.</p>
5
+ <p>These examples are grouped thematically.</p>
6
+ <p>Party on!</p>
7
+ </div>
8
+
9
+ <div class='section'>
10
+ <h2>Typography</h2>
11
+
12
+ <div class='section'>
13
+ <h3>Links</h3>
14
+
15
+ <div class='style-guide'>
16
+ <a href='#'>Foo Link</a>
17
+ </div>
18
+ </div>
19
+
20
+ <div class='section'>
21
+ <h3>Headings</h3>
22
+
23
+ <p>Use <code>h1</code> thru <code>h6</code> or the <code>heading</code> class with a numbered modifier.</p>
24
+
25
+ <div class='style-guide'>
26
+ <h1>Heading the First</h1>
27
+ <h2>Heading the Second</h2>
28
+ <h3>Heading the Third</h3>
29
+ <h4>Heading the Fourth</h4>
30
+ <h5>Heading the Fifth</h5>
31
+ <h6>Heading the Sixth</h6>
32
+ </div>
33
+ </div>
34
+
35
+ <div class='section'>
36
+ <h3>Alt Heading</h3>
37
+
38
+ <div class='style-guide'>
39
+ <div class='alt-heading'>
40
+ <span class='alt-heading__heading heading heading--6'>Foo Heading</span>
41
+ <hr class='alt-heading__hr'>
42
+ </div>
43
+ </div>
44
+ </div>
45
+
46
+ <div class='section'>
47
+ <h3>Alignment</h3>
48
+
49
+ <p>Use <code>align-left</code>, <code>align-right</code> or <code>align-center</code>.</p>
50
+
51
+ <div class='style-guide'>
52
+ <p class='align-left'>Foo Left</p>
53
+ </div>
54
+
55
+ <div class='style-guide'>
56
+ <p class='align-right'>Foo Right</p>
57
+ </div>
58
+
59
+ <div class='style-guide'>
60
+ <p class='align-center'>Foo Center</p>
61
+ </div>
62
+ </div>
63
+
64
+ <div class='section'>
65
+ <h3>Paragraphs</h3>
66
+
67
+ <div class='style-guide'>
68
+ <p>digital geodesic warehouse singularity monofilament military-grade woman neural cyber- sign boat fluidity 3D-printed. neural 8-bit jeans industrial grade DIY post- hacker A.I. free-market meta- alcohol assassin courier. vinyl Kowloon market dead monofilament kanji j-pop rebar Shibuya hotdog human disposable military-grade.</p>
69
+
70
+ <p>order-flow bridge 8-bit drone Shibuya garage fetishism refrigerator katana convenience store construct 3D-printed futurity. meta- 3D-printed tattoo stimulate beef noodles Kowloon order-flow RAF drone cardboard into disposable voodoo god. nodal point euro-pop dome plastic sentient realism assault table car semiotics tiger-team artisanal stimulate.
71
+
72
+ <p>hotdog narrative dolphin nodality film cardboard hotdog tanto assassin wonton soup man smart- neon. man artisanal DIY physical faded tank-traps range-rover kanji shrine post- tanto tanto wonton soup. katana math- computer industrial grade vehicle neural tiger-team assassin pre- tiger-team network sign industrial grade.</p>
73
+
74
+ </div>
75
+ </div>
76
+
77
+ <div class='section'>
78
+ <h3>Lists</h3>
79
+
80
+ <h4></h4>
81
+
82
+ <div class='style-guide'>
83
+ <ol type='a'>
84
+ <li>shrine</li>
85
+ <li>sub-orbital claymore</li>
86
+ <li>3D-printed nano neuron</li>
87
+ </ol>
88
+
89
+ <p>computer bomb motion post- geodesic bridge military-grade saturation point knife saturation point numinous otaku film. tattoo nodal point sub-orbital otaku shoes sub-orbital claymore mine fluidity cardboard industrial grade grenade shrine tube.</p>
90
+
91
+ <ol>
92
+ <li>tower</li>
93
+ <li>3D-printed</li>
94
+ <li>sprawl</li>
95
+ <li>faded</li>
96
+ <li>sensory</li>
97
+ </ol>
98
+
99
+ <p>construct media -space RAF bomb Shibuya geodesic modem footage modem neural meta- smart-. skyscraper j-pop -ware nodality katana soul-delay convenience store order-flow pre- jeans katana spook vinyl. tiger-team carbon man nodal point car 3D-printed tanto modem lights 3D-printed cardboard pre- sunglasses.</p>
100
+
101
+ <ul>
102
+ <li>tank-traps</li>
103
+ <li>warehouse</li>
104
+ <li>realism</li>
105
+ </ul>
106
+ </div>
107
+ </div>
108
+
109
+ <div class='section'>
110
+ <h3>Text</h3>
111
+
112
+ <p>Small, helpful, one-off classes for easy text augmentation.</p>
113
+ <p>Shown on a light blue background.</p>
114
+
115
+ <div class='style-guide' style='background: #0240ff'>
116
+ <p class='white-text bold-text'>Should be white <em>and</em> bold.</p>
117
+ </div>
118
+ </div>
119
+
120
+ <div class='section'>
121
+ <h3>Margins</h3>
122
+
123
+ <p>Small, helpful, one-off classes for easy margin removal.</p>
124
+
125
+ <div class='style-guide'>
126
+ <p class='no-bottom-margin'>Paragraph 1: This paragraph...</p>
127
+ <p class='no-top-margin'>Paragraph 2: Should be butt up against the previous paragraph!</p>
128
+ </div>
129
+ </div>
130
+
131
+ <div class='section'>
132
+ <h3>Horizontal Rule</h3>
133
+
134
+ <p>Let's not split hairs and call this part of typography...</p>
135
+
136
+ <div class='style-guide'>
137
+ <hr>
138
+ </div>
139
+ </div>
140
+
141
+
142
+ <div class='section'>
143
+ <h2>Components</h2>
144
+
145
+ <div class='section'>
146
+ <h3><code>button</code> class</h3>
147
+
148
+ <p>Intended for links or spans. Try out their hover state!</p>
149
+
150
+ <div class='style-guide'>
151
+ <a href='#' class='button'>Link Button</a>
152
+ </div>
153
+
154
+ <div class='style-guide'>
155
+ <span class='button'>Span Button</span>
156
+ </div>
157
+
158
+ <h4><code>button--small</code> class</h4>
159
+
160
+ <div class='style-guide'>
161
+ <a href='#' class='button button--small'>Small Button</a>
162
+ </div>
163
+
164
+ <h4><code>button--full</code> class</h4>
165
+
166
+ <div class='style-guide'>
167
+ <a href='#' class='button button--full'>Full Button</a>
168
+ </div>
169
+
170
+ <h4><code>button--full</code> class</h4>
171
+
172
+ <div class='style-guide'>
173
+ <a href='#' class='button button--no-arrow'>Button Without An Arrow</a>
174
+ </div>
175
+ </div>
176
+
177
+ <div class='section'>
178
+ <h3><code>box</code> class</h3>
179
+
180
+ <p>Intended to be links. Try their hover state!</p>
181
+ <p>These examples are wrapped in a <code>grid</code> class.</p>
182
+
183
+ <div class='style-guide'>
184
+ <div class='grid grid--auto'>
185
+ <div class='grid__cell'>
186
+ <a href='#' class='box'>
187
+ <div class='box__header'>
188
+ <div class='grid'>
189
+ <span class='grid__cell 3/5'>
190
+ <span class='box__heading'>Foo Box</span>
191
+ </span>
192
+ <span class='grid__cell 2/5 align-right'>
193
+ <span class='box__arrow'>⟶</span>
194
+ </span>
195
+ </div>
196
+ </div>
197
+ <p class='box__text'>
198
+ Woman industrial grade decay dolphin wristwatch fluidity futurity sign.
199
+ </p>
200
+ </a>
201
+ </div>
202
+
203
+ <div class='grid__cell'>
204
+ <a href='#' class='box'>
205
+ <div class='box__header'>
206
+ <div class='grid'>
207
+ <span class='grid__cell 3/5'>
208
+ <span class='box__heading'>Foo Very Long Box</span>
209
+ </span>
210
+ <span class='grid__cell 2/5 align-right'>
211
+ <span class='box__arrow'>⟶</span>
212
+ </span>
213
+ </div>
214
+ </div>
215
+ <p class='box__text'>
216
+ Plastic sentient advert film tiger-team.
217
+ </p>
218
+ </a>
219
+ </div>
220
+ </div>
221
+ </div>
222
+ </div>
223
+
224
+ <div class='section'>
225
+ <h3><code>fancy-box</code> class</h4>
226
+
227
+ <p>A fancy version of the box component.</p>
228
+ <p>Intended for use with a modifier `fancy-box--orange`, `fancy-box--pink`, or `fancy-box--green`
229
+ <p>These examples are wrapped in a <code>grid</code> class.</p>
230
+
231
+ <div class='style-guide'>
232
+ <div class='grid grid--auto'>
233
+ <div class='grid__cell'>
234
+ <div href='#' class='fancy-box fancy-box--green'>
235
+ <div href='#' class='fancy-box__icon'>
236
+ <%= partial 'shared/svgs', locals: { svg: 'getting_started' } %>
237
+ </div>
238
+ <span href='#' class='fancy-box__heading'>Foo Box</span>
239
+ <ul href='#' class='fancy-box__links'>
240
+ <li><a href='#' class='fancy-box__link'>Pen rifle</a></li>
241
+ <li><a href='#' class='fancy-box__link'>Tank-traps</a></li>
242
+ <li><a href='#' class='fancy-box__link'>Garage</a></li>
243
+ <li><a href='#' class='fancy-box__link'>Neural tattoo</a></li>
244
+ <li><a href='#' class='fancy-box__link'>Plastic engine</a></li>
245
+ </ul>
246
+ <div href='#' class='fancy-box__action'>
247
+ <span href='#' class='button'>Button Party</span>
248
+ </div>
249
+ </div>
250
+ </div>
251
+
252
+ <div class='grid__cell'>
253
+ <div href='#' class='fancy-box fancy-box--pink'>
254
+ <div href='#' class='fancy-box__icon'>
255
+ <%= partial 'shared/svgs', locals: { svg: 'architecture' } %>
256
+ </div>
257
+ <span href='#' class='fancy-box__heading'>Foo Box</span>
258
+ <ul href='#' class='fancy-box__links'>
259
+ <li><a href='#' class='fancy-box__link'>Pen rifle</a></li>
260
+ <li><a href='#' class='fancy-box__link'>Tank-traps</a></li>
261
+ <li><a href='#' class='fancy-box__link'>Garage</a></li>
262
+ <li><a href='#' class='fancy-box__link'>Neural tattoo</a></li>
263
+ <li><a href='#' class='fancy-box__link'>Plastic engine</a></li>
264
+ </ul>
265
+ <div href='#' class='fancy-box__action'>
266
+ <span href='#' class='button'>Button Party</span>
267
+ </div>
268
+ </div>
269
+ </div>
270
+
271
+ <div class='grid__cell'>
272
+ <div href='#' class='fancy-box fancy-box--orange'>
273
+ <div href='#' class='fancy-box__icon'>
274
+ <%= partial 'shared/svgs', locals: { svg: 'implementation' } %>
275
+ </div>
276
+ <span href='#' class='fancy-box__heading'>Foo Box</span>
277
+ <ul href='#' class='fancy-box__links'>
278
+ <li><a href='#' class='fancy-box__link'>Pen rifle</a></li>
279
+ <li><a href='#' class='fancy-box__link'>Tank-traps</a></li>
280
+ <li><a href='#' class='fancy-box__link'>Garage</a></li>
281
+ <li><a href='#' class='fancy-box__link'>Neural tattoo</a></li>
282
+ <li><a href='#' class='fancy-box__link'>Plastic engine</a></li>
283
+ </ul>
284
+ <div href='#' class='fancy-box__action'>
285
+ <span href='#' class='button'>Button Party</span>
286
+ </div>
287
+ </div>
288
+ </div>
289
+ </div>
290
+ </div>
291
+ </div>
292
+
293
+ <div class='section'>
294
+ <h3><code>header</code> Class</h3>
295
+
296
+ <p>The padding from this example has been removed.</p>
297
+
298
+ <div class='style-guide' style='padding: 0;'>
299
+ <div class='header'>
300
+ <div class='grid'>
301
+ <div class='grid__cell 2/6--lap-and-up'>
302
+ <div class='header__logo'>
303
+ <div class='grid grid--middle'>
304
+ <div class='grid__cell 1/6 1/4--lap-and-up'>
305
+ <a href='#' class='header__icon-button'>
306
+ <%= image_tag('logo.svg', alt: 'Workarea Commerce', class: 'header__icon') %>
307
+ </a>
308
+ </div>
309
+ <div class='grid__cell 4/6 3/4--lap-and-up'>
310
+ <span class='header__logo-text'>Developer Documentation</span>
311
+ </div>
312
+ <div class='grid__cell 1/6'>
313
+ <div class='align-right'>
314
+ <a href='#' class='header__icon-button header__icon-button--menu'>
315
+ <%= image_tag('menu.svg', alt: 'Workarea Commerce', class: 'header__icon') %>
316
+ </a>
317
+ </div>
318
+ </div>
319
+ </div>
320
+ </div>
321
+ </div>
322
+
323
+ <div class='grid__cell 4/6--lap-and-up'>
324
+ <div class='header__nav'>
325
+ <nav class='grid grid--auto grid--right grid--middle grid--flush'>
326
+ <span class='grid__cell'>
327
+ <a href='#' class='header__nav-item'>Release Notes</a>
328
+ </span>
329
+ <span class='grid__cell 1/6--lap-and-up'>
330
+ <a href='#' class='header__nav-item'>API</a>
331
+ </span>
332
+ <span class='grid__cell 1/6--lap-and-up'>
333
+ <a href='#' class='header__nav-item'>Plugins</a>
334
+ </span>
335
+ <span class='grid__cell 1/6--lap-and-up'>
336
+ <a href='#' class='header__nav-item'>Hosting</a>
337
+ </span>
338
+ <span class='grid__cell 1/6--lap-and-up'>
339
+ <a href='#' class='header__nav-item'>Forums</a>
340
+ </span>
341
+ <span class='grid__cell 1/6--lap-and-up'>
342
+ <a href='#' class='header__nav-item header__nav-item--alt'>
343
+ <%= partial 'shared/svgs', locals: { svg: 'workarea' } %>
344
+ </a>
345
+ </span>
346
+ </nav>
347
+ </div>
348
+ </div>
349
+ </div>
350
+ </div>
351
+ </div>
352
+ </div>
353
+
354
+ <div class='section'>
355
+ <h3><code>section</code> Class</h3>
356
+
357
+ <p>Vertically separates sections.</p>
358
+ <p>Intended for any block-level element.</p>
359
+
360
+ <div class='style-guide'>
361
+ <p class='section'>free-market bomb beef noodles order-flow j-pop skyscraper Shibuya artisanal order-flow sunglasses tanto plastic kanji. camera narrative pen carbon decay DIY post- shrine voodoo god denim gang tiger-team dome. wonton soup nodal point digital soul-delay towards DIY hotdog Legba spook 8-bit carbon nano- media. pen computer skyscraper systemic boat stimulate spook drugs faded soul-delay physical footage stimulate. tattoo A.I. bomb range-rover neural smart- free-market singularity drugs bridge meta- shanty town boat. smart- papier-mache smart- free-market monofilament smart- nodality wristwatch fetishism tattoo order-flow meta- plastic.</p>
362
+
363
+ <p class='section'>corrupted wonton soup engine systema savant bomb tube modem papier-mache assassin cartel sprawl disposable. San Francisco office tank-traps nodal point artisanal hacker car apophenia claymore mine nodality semiotics weathered DIY. rifle beef noodles dead sign rebar -space -ware silent range-rover stimulate 3D-printed table tank-traps. voodoo god nano- vehicle vehicle pen hotdog apophenia pen youtube Chiba meta- otaku tower. voodoo god claymore mine city modem nodal point physical saturation point franchise face forwards convenience store BASE jump tanto sub-orbital. BASE jump fluidity faded order-flow man film fluidity warehouse weathered cartel systemic knife sensory.</p>
364
+
365
+ <p class='section'>nodality kanji tank-traps 3D-printed j-pop engine narrative semiotics chrome grenade monofilament weathered geodesic. drugs jeans render-farm face forwards math- footage futurity lights sprawl vehicle crypto- otaku assassin. shrine jeans rifle bomb weathered otaku car grenade long-chain hydrocarbons woman tank-traps rain towards. dead wristwatch plastic apophenia camera post- fetishism Chiba sensory skyscraper assassin nodality euro-pop. A.I. youtube industrial grade papier-mache 3D-printed warehouse 3D-printed silent knife paranoid meta- render-farm corporation. man singularity -ware apophenia paranoid artisanal tattoo claymore mine range-rover tower savant sub-orbital augmented reality.</p>
366
+ </div>
367
+ </div>
368
+
369
+ <div class='section'>
370
+ <h3><code>search</code> Class</h3>
371
+
372
+ <p>Intended for form elements.</p>
373
+ <p>Displayed on a light blue background.</p>
374
+
375
+ <div class='style-guide' style='background: #0240ff'>
376
+ <form class='search'>
377
+ <input type='search' class='search__input' name='q' placeholder='Plastic tube fetishism woman hacker lights'>
378
+ <input type='submit' class='search__button' value='⟶'>
379
+ </form>
380
+ </div>
381
+ </div>
382
+ </div>