| // .storybook/preview.js | |
| import { DocsContainer } from "@storybook/addon-docs"; | |
| import { ChakraProvider } from "@chakra-ui/react"; | |
| export const parameters = { | |
| docs: { | |
| container: ({ children, context }) => ( | |
| <DocsContainer context={context}> | |
| <ChakraProvider>{children}</ChakraProvider> | |
| </DocsContainer> |
| {% | |
| include 'api' with 'variant:price', | |
| product: item.product, | |
| variant: item.variant, | |
| %} | |
| <li | |
| class="cart-item" | |
| data-cartitem | |
| data-cartitem-id="{{ item.variant_id }}" |
import { Meta, ColorPalette, ColorItem } from '@storybook/addon-docs/blocks';
Our colours are an extension of the TBWA brand guideline with the addition of a secondary palette to convey warmth, vibrancy and a human focus.
Digital Arts Network has four primary colours: yellow, black, grey and white. Yellow is friendly, vibrant colour that draws peoples interest. Black, grey and white reflect simplicity and convey confidence.
| { | |
| "asset": { | |
| "font": { | |
| "averta": { | |
| "400": { | |
| "normal": { | |
| "woff2": { | |
| "value": "assets/fonts/AvertaforTBWA-Regular.woff2" | |
| } | |
| } |
| //! openseadragon 2.4.1 | |
| //! Built on 2019-08-28 | |
| //! Git commit: v2.4.1-24-f803fb9-dirty | |
| //! http://openseadragon.github.io | |
| //! License: http://openseadragon.github.io/license/ | |
| function OpenSeadragon(e){return new OpenSeadragon.Viewer(e)}!function(n){n.version={versionStr:"2.4.1",major:parseInt("2",10),minor:parseInt("4",10),revision:parseInt("1",10)};var t={"[object Boolean]":"boolean","[object Number]":"number","[object String]":"string","[object Function]":"function","[object Array]":"array","[object Date]":"date","[object RegExp]":"regexp","[object Object]":"object"},i=Object.prototype.toString,o=Object.prototype.hasOwnProperty;n.isFunction=function(e){return"function"===n.type(e)};n.isArray=Array.isArray||function(e){return"array"===n.type(e)};n.isWindow=function(e){return e&&"object"==typeof e&&"setInterval"in e};n.type=function(e){return null==e?String(e):t[i.call(e)]||"object"};n.isPlainObject=function(e){if(!e||"object"!==OpenSeadragon.type(e)||e.nodeType||n.isWindow(e))return!1;if(e.constructor&&!o |
| import { | |
| FuseBox, | |
| QuantumPlugin, | |
| SassPlugin, | |
| CSSPlugin, | |
| Sparky | |
| } from "fuse-box"; | |
| let fuse, app, isProduction; |
| Template.home.onDestroyed(function () { | |
| if (Observe) { | |
| Observe.stop(); | |
| } | |
| }); | |
| Template.home.onRendered(function() { | |
| var nodes = Entries.find().fetch(); | |
| var layout = new Layout('#entries', nodes); | |
| var radius = 100; |
| FROM node:5.3.0 | |
| RUN mkdir /src | |
| WORKDIR /src | |
| ADD pm2.json ./ | |
| ADD package.json ./ | |
| RUN npm i; npm i pm2 -g |
| <svg xmlns="http://www.w3.org/2000/svg" width="20" height="10" viewBox="0 0 20 10"><path fill="#4F7A87" d="M20 0L10 10 0 0"/></svg> |
| <svg xmlns="http://www.w3.org/2000/svg" width="55.7" height="104" viewBox="277.8 346.3 55.7 104"><path fill="#949494" d="M325.6 346.3h-39.8c-4.4 0-8 3.6-8 8v88c0 4.4 3.6 8 8 8h39.7c4.4 0 8-3.6 8-8v-88c.1-4.4-3.5-8-7.9-8zm4.7 87.9h-49.2v-75.8h49.1v75.8h.1z"/><path fill="#13A4DE" d="M315.1 396.8h-8v-8h-3v8h-8v3h8v8h3v-8h8"/></svg> |