2f:T52c,hero = { yield html`

${style}`; const slides = [ grantAndRandall, gigiAndMcKenna, ryanAndGabi, ryanAndMcKenna, // grantSydAndSierra, sydSierraAndTehani, kids, grantAndRandall2, twoToneSmock ].map((config) => slide(config, (element) => { element.onmouseenter = () => { clearTimer(); }; element.onmouseleave = () => { setTimer(); }; element.ontouchstart = () => { clearTimer(); }; element.ontouchend = () => { setTimer(); }; }) ); const scroller = html`

${slides}

`; let timer = null; const setTimer = () => { clearTimer(); timer = setTimeout(() => { if ( scroller.scrollWidth - scroller.scrollLeft - window.innerWidth >= window.innerWidth ) { scroller.scrollTo({ top: 0, left: scroller.scrollLeft + window.innerWidth, behavior: "smooth" }); } else { scroller.scrollTo({ top: 0, left: 0, behavior: "smooth" }); } setTimer(); }, 3000); }; const clearTimer = () => { clearTimeout(timer); }; setTimer(); yield html`

${scroller}

${style}`; }30:Tbad,style = html``31:T4a8,grantAndRandall = ({ images: [ "https://cdn.shopify.com/s/files/1/1748/5525/files/Grant_and_Randall_01.png?v=1696261788", "https://cdn.shopify.com/s/files/1/1748/5525/files/Grant_and_Randall_02.png?v=1696261788", // "https://cdn.shopify.com/s/files/1/1748/5525/files/Grant_and_Randall_03.png?v=1696261782", // "https://cdn.shopify.com/s/files/1/1748/5525/files/Grant_and_Randall_03_3f5ecb29-6899-4f0e-932d-eee50460f46b.png?v=1700472990", "https://cdn.shopify.com/s/files/1/1748/5525/files/Grant_and_Randall_04.png?v=1696261786" ], tags: [ { name: "Varsity Hat", url: "/products/varsity-hat", top: "25%", left: "70%" }, { name: "Terry Polo", url: "/products/mens-terry-polo", top: "38%", left: "71%" }, { name: "Cabana Trunk", url: "/products/cabana-trunk", top: "50%", left: "66%" }, { name: "Varsity Raglan", url: "/products/varsity-raglan", top: "35%", left: "12%" }, { name: "Men's Shorts", url: "/products/mens-short", top: "48%", left: "17%" } ], color: "#D6091C", url: "/collections/new/men" })32:T417,ryanAndGabi = ({ images: [ "https://cdn.shopify.com/s/files/1/1748/5525/files/Ryan_and_Gabi_01.png?v=1696261790", // "https://cdn.shopify.com/s/files/1/1748/5525/files/Ryan_and_Gabi_02.png?v=1696261782", // "https://cdn.shopify.com/s/files/1/1748/5525/files/Ryan_and_Gabi_02_442fc472-a00a-4ccb-bcc1-85af8a7f7a49.png?v=1700471266", "https://cdn.shopify.com/s/files/1/1748/5525/files/Ryan_and_Gabi_03.png?v=1696261788", "https://cdn.shopify.com/s/files/1/1748/5525/files/Ryan_and_Gabi_04.png?v=1696261789" ], tags: [ { name: "Varsity Tee", url: "/products/varsity-tee", top: "30%", left: "80%" }, { name: "Men's Bell Bottoms", url: "/products/mens-bell-bottom-fall?variant=44251719794928", top: "60%", left: "72%" }, { name: "Women's Bell Bottoms", url: "/products/womens-bell-bottom-fall?variant=44251749941488", top: "60%", left: "12%" } ], color: "#000", url: "/collections/bell-bottoms?filter.v.option.color=Black" })33:T468,grantSydAndSierra = ({ images: [ "https://cdn.shopify.com/s/files/1/1748/5525/files/Grant_Syd_and_Sierra_01.png?v=1696317295", // "https://cdn.shopify.com/s/files/1/1748/5525/files/Grant_Syd_and_Sierra_02.png?v=1696317294", // "https://cdn.shopify.com/s/files/1/1748/5525/files/Grant_Syd_and_Sierra_02_db4ab0a1-86dd-4543-8684-56f43a7978ce.png?v=1700471266", "https://cdn.shopify.com/s/files/1/1748/5525/files/Grant_Syd_and_Sierra_03.png?v=1696317295", "https://cdn.shopify.com/s/files/1/1748/5525/files/Grant_Syd_and_Sierra_04_9c5cca84-e55e-48b6-a76a-518a8ef252b2.png?v=1696317457" ], tags: [ { name: "Varsity Hat", url: "/products/varsity-hat", top: "24%", left: "29%" }, { name: "Terry Polo", url: "/products/mens-terry-polo", top: "32%", left: "28%" }, { name: "Cabana Trunk", url: "/products/cabana-trunk", top: "42%", left: "55%" }, { name: "Women's Shorts", url: "/products/womens-short", top: "70%", left: "76%" } ], color: "#D6091C", url: "/collections/new" })34:T443,grantAndRandall2 = ({ images: [ "https://cdn.shopify.com/s/files/1/1748/5525/files/Grant_and_Randall_2_01.png?v=1699407317", "https://cdn.shopify.com/s/files/1/1748/5525/files/Grant_and_Randall_2_02.png?v=1699407316", // "https://cdn.shopify.com/s/files/1/1748/5525/files/Grant_and_Randall_2_03_774fe2f8-2053-4ebf-9d10-b5ce3b3b9343.png?v=1699423274", // "https://cdn.shopify.com/s/files/1/1748/5525/files/Grant_and_Randall_2_03_5c729121-d53a-4afc-9c1e-545c8516c403.png?v=1700471266", "https://cdn.shopify.com/s/files/1/1748/5525/files/Grant_and_Randall_2_04.png?v=1699407316" ], tags: [ { name: "Varsity Jacket", url: "/products/varsity-jacket", top: "40%", left: "80%" }, { name: "Men's Bell Bottoms", url: "/products/mens-bell-bottom-fall?variant=44251719500016", top: "64%", left: "77%" }, { name: "Men's Bell Bottoms", url: "/products/mens-bell-bottom-fall?variant=40820390428839", top: "57%", left: "11%" } ], color: "#2F405C", url: "/collections/new/men" })35:T6d1,slide = ( { images, tags = [], color = "#2F405C", url = "/collections/whats-new" }, callback ) => { const createImageURL = (src, width) => `${src}&width=${width} ${width}w`; const createProductTag = ({ name, url, top, left, color }) => `

${name}

`; const layers = [ "https://cdn.shopify.com/s/files/1/1748/5525/files/Background.png?v=1696261608", ...images ].map( (url, index) => html`

` ); const producTagsLayer = html`

${tags.map((tag) => createProductTag({ ...tag, color })).join("\n")}

`; const slide = html`

${layers} ${producTagsLayer}

`; callback(slide); const container = html`

${slide}

`; return container; }36:[{"id":"395d19e2b0591841873ef0decb2c1f73d9c2081ef9872b1a6e2d23f25bb0e8b445405becebe955c0ce20118ba1e5ce64bf46f6db24bf65527a2c3d6c81919bb2","href":"https://static.observableusercontent.com/files/395d19e2b0591841873ef0decb2c1f73d9c2081ef9872b1a6e2d23f25bb0e8b445405becebe955c0ce20118ba1e5ce64bf46f6db24bf65527a2c3d6c81919bb2","name":"Ryan and McKenna 01.png","type":"image/png","lastModified":1695932886308.484,"size":11126752},{"id":"395d19e2b0591841873ef0decb2c1f73d9c2081ef9872b1a6e2d23f25bb0e8b445405becebe955c0ce20118ba1e5ce64bf46f6db24bf65527a2c3d6c81919bb2","href":"https://static.observableusercontent.com/files/395d19e2b0591841873ef0decb2c1f73d9c2081ef9872b1a6e2d23f25bb0e8b445405becebe955c0ce20118ba1e5ce64bf46f6db24bf65527a2c3d6c81919bb2","name":"Grant and Randall 01.png","type":"image/png","lastModified":1695932886308.484,"size":11126752},{"id":"1c14f0d2191ef0ed8d7ae26b51ea713797f33686a6f969d129c2b5c071c154e0401cb015e46083b4788253a247c7acaeb7175c7ed1bf24d06039f130ca638500","href":"https://static.observableusercontent.com/files/1c14f0d2191ef0ed8d7ae26b51ea713797f33686a6f969d129c2b5c071c154e0401cb015e46083b4788253a247c7acaeb7175c7ed1bf24d06039f130ca638500","name":"Ryan and McKenna 02.png","type":"image/png","lastModified":1695932886308.484,"size":3670875},{"id":"74c2cfcbdaf1aca68d6ae307b521c04739fa9326587f52a7494a4b803ac01e30214473d8111d959134a039b3f233444fd2629c66ffb698965a0e9619facd06af","href":"https://static.observableusercontent.com/files/74c2cfcbdaf1aca68d6ae307b521c04739fa9326587f52a7494a4b803ac01e30214473d8111d959134a039b3f233444fd2629c66ffb698965a0e9619facd06af","name":"Grant and Randall 03.png","type":"image/png","lastModified":1695932886308.484,"size":1979483},{"id":"e5d40f69113afda98bc91165ed1acc0e3697f5b02fbcea56a6195458ba1522a09b0e91273765b23641949b227b403212c54bfd0839db8e244da292ab0b6a9e55","href":"https://static.observableusercontent.com/files/e5d40f69113afda98bc91165ed1acc0e3697f5b02fbcea56a6195458ba1522a09b0e91273765b23641949b227b403212c54bfd0839db8e244da292ab0b6a9e55","name":"Ryan and McKenna 04.png","type":"image/png","lastModified":1695932886308.484,"size":1712726},{"id":"1171b64e5ac4a17c8d94cf809fc54e6f4e3ecf995b93379ab5aacaf9cef1d3cca782209a238dd45baafd0f115db61521561c1d27c1f491a851d0f904b747c73f","href":"https://static.observableusercontent.com/files/1171b64e5ac4a17c8d94cf809fc54e6f4e3ecf995b93379ab5aacaf9cef1d3cca782209a238dd45baafd0f115db61521561c1d27c1f491a851d0f904b747c73f","name":"Grant and Randall 02.png","type":"image/png","lastModified":1695932886308.484,"size":2306386},{"id":"c3b034f90acc0d28db80c3609770dc02c3dde657091294c1a040305573665e47f3bd3a8a703775201ded9d0c7631348b444e0f518038560fbdae4a7e4c8125ad","href":"https://static.observableusercontent.com/files/c3b034f90acc0d28db80c3609770dc02c3dde657091294c1a040305573665e47f3bd3a8a703775201ded9d0c7631348b444e0f518038560fbdae4a7e4c8125ad","name":"Grant and Randall 05.png","type":"image/png","lastModified":1695932886308.484,"size":1457865},{"id":"fa40c41e3a46eae0e028278906a46194439d0eb62cba403eb5cd3488e2de907f8c9ceb6f9f637b95ce4e260ddd0efd8505fc3aef89c8b4ce8cf07be23951ebe3","href":"https://static.observableusercontent.com/files/fa40c41e3a46eae0e028278906a46194439d0eb62cba403eb5cd3488e2de907f8c9ceb6f9f637b95ce4e260ddd0efd8505fc3aef89c8b4ce8cf07be23951ebe3","name":"Ryan and McKenna 03@1.png","type":"image/png","lastModified":1695932886308.484,"size":673829},{"id":"eb1172dd2c29ad8ca4f52e369a0c6610d6e93949c637abbf10e92ea7c2a1cae9530f57c23f8fe22ea39b15f3adf74cde390795d496f2eaec9c2f0aa06e9c33cd","href":"https://static.observableusercontent.com/files/eb1172dd2c29ad8ca4f52e369a0c6610d6e93949c637abbf10e92ea7c2a1cae9530f57c23f8fe22ea39b15f3adf74cde390795d496f2eaec9c2f0aa06e9c33cd","name":"Grant and Randall 04@1.png","type":"image/png","lastModified":1695932886308.484,"size":705591},{"id":"2419d29bbdc6876700e3d558fa654f215295b5a78bc81f7652ab2d3c2b92806f36468dc1a17aa1533dc890ae29165882b107f2af7bcc7fd7fee36be21b2c199f","href":"https://static.observableusercontent.com/files/2419d29bbdc6876700e3d558fa654f215295b5a78bc81f7652ab2d3c2b92806f36468dc1a17aa1533dc890ae29165882b107f2af7bcc7fd7fee36be21b2c199f","name":"Ryan and McKenna 05@2.png","type":"image/png","lastModified":1695932886308.484,"size":2030685},{"id":"5bbcd93d058ff96fd3bb02445afb11a66d2a39d6cafad3b1cfd96c22261f0c0c250003624ae4997f02dfac2bd910e2967a8c57646e448726df2646150aecee80","href":"https://static.observableusercontent.com/files/5bbcd93d058ff96fd3bb02445afb11a66d2a39d6cafad3b1cfd96c22261f0c0c250003624ae4997f02dfac2bd910e2967a8c57646e448726df2646150aecee80","name":"Ryan and Gabi 05.png","type":"image/png","lastModified":1695935280162.005,"size":2875102},{"id":"00c4a434c029c30b6f334f19bc11c682dffbe62c9c903a4740334c2b2e8575926dd5801d052f70fd4043e5305f52ec4a21682fc511cb317d560b430e7e50c5ef","href":"https://static.observableusercontent.com/files/00c4a434c029c30b6f334f19bc11c682dffbe62c9c903a4740334c2b2e8575926dd5801d052f70fd4043e5305f52ec4a21682fc511cb317d560b430e7e50c5ef","name":"Ryan and Gabi 04.png","type":"image/png","lastModified":1695935280049.13,"size":2232545},{"id":"f8a7c5419c0598c7c9089b232be55bffc84ac38d966fc91de0412191b6d181872a79707f2084b0e12d9e8bb2704a629e6794bc6c1f4367b3487b3b3756be99c0","href":"https://static.observableusercontent.com/files/f8a7c5419c0598c7c9089b232be55bffc84ac38d966fc91de0412191b6d181872a79707f2084b0e12d9e8bb2704a629e6794bc6c1f4367b3487b3b3756be99c0","name":"Ryan and Gabi 02@1.png","type":"image/png","lastModified":1695935511602.717,"size":3513649},{"id":"395d19e2b0591841873ef0decb2c1f73d9c2081ef9872b1a6e2d23f25bb0e8b445405becebe955c0ce20118ba1e5ce64bf46f6db24bf65527a2c3d6c81919bb2","href":"https://static.observableusercontent.com/files/395d19e2b0591841873ef0decb2c1f73d9c2081ef9872b1a6e2d23f25bb0e8b445405becebe955c0ce20118ba1e5ce64bf46f6db24bf65527a2c3d6c81919bb2","name":"Ryan and Gabi 01.png","type":"image/png","lastModified":1695935280222.827,"size":11126752},{"id":"b3c4e9f813a5bc834a98d16cb833661ac52d2cb912538a4ace833591fe9ad403f44ee9f0dcf8ae2097619be373722eefb095fee88d6f660172e10f8c707547a4","href":"https://static.observableusercontent.com/files/b3c4e9f813a5bc834a98d16cb833661ac52d2cb912538a4ace833591fe9ad403f44ee9f0dcf8ae2097619be373722eefb095fee88d6f660172e10f8c707547a4","name":"Ryan and Gabi 03.png","type":"image/png","lastModified":1695935279620.636,"size":612160}] 2d:{"title":"Hammies Homepage Hero (2023)","cells":[{"id":0,"value":"# Hammies Homepage Hero (2023)","pinned":false,"hidden":false,"mode":"md"},{"id":227,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"},{"id":483,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":474,"value":"## Slides","pinned":false,"hidden":false,"mode":"md"},{"id":170,"value":"ryanAndMcKenna = ({\n images: [\n \"https://cdn.shopify.com/s/files/1/1748/5525/files/Ryan_and_McKenna_01.png?v=1696261790\",\n // \"https://cdn.shopify.com/s/files/1/1748/5525/files/Ryan_and_McKenna_02.png?v=1696261782\",\n // \"https://cdn.shopify.com/s/files/1/1748/5525/files/Ryan_and_McKenna_02_11085900-fd9f-4f75-996a-8050d8c23439.png?v=1700471267\",\n \"https://cdn.shopify.com/s/files/1/1748/5525/files/Ryan_and_McKenna_03.png?v=1696261786\",\n \"https://cdn.shopify.com/s/files/1/1748/5525/files/Ryan_and_McKenna_04.png?v=1696261788\"\n ],\n tags: [\n {\n name: \"Varsity Jacket\",\n url: \"/products/varsity-jacket\",\n top: \"57%\",\n left: \"65%\"\n },\n {\n name: \"Men's Bell Bottoms\",\n url: \"/products/mens-bell-bottom-fall?variant=40820390428839\",\n top: \"75%\",\n left: \"65%\"\n }\n ],\n color: \"#2F405C\",\n url: \"/collections/new/men\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":181,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":341,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":600,"value":"$33","pinned":true,"hidden":false,"mode":"ojs"},{"id":611,"value":"sydSierraAndTehani = ({\n images: [\n \"https://cdn.shopify.com/s/files/1/1748/5525/files/Grant_Syd_and_Sierra_01.png?v=1696317295\",\n // \"https://cdn.shopify.com/s/files/1/1748/5525/files/Syd_Sierra_and_Tehani_02.png?v=1696319088\",\n // \"https://cdn.shopify.com/s/files/1/1748/5525/files/Syd_Sierra_and_Tehani_02_0b4fe700-9751-413d-812b-3944b733c22a.png?v=1700471266\",\n \"https://cdn.shopify.com/s/files/1/1748/5525/files/Syd_Sierra_and_Tehani_03.png?v=1696319088\",\n \"https://cdn.shopify.com/s/files/1/1748/5525/files/Syd_Sierra_and_Tehani_04.png?v=1696319087\"\n ],\n tags: [\n {\n name: \"Women's Short\",\n url: \"/products/womens-short?variant=28732374286429\",\n top: \"40%\",\n left: \"10%\"\n }\n ],\n color: \"#D6091C\",\n url: \"/products/womens-short\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":617,"value":"gigiAndMcKenna = ({\n images: [\n \"https://cdn.shopify.com/s/files/1/1748/5525/files/Gigi_and_McKenna_01.png?v=1699407317\",\n // \"https://cdn.shopify.com/s/files/1/1748/5525/files/Gigi_and_McKenna_02.png?v=1699407314\",\n // \"https://cdn.shopify.com/s/files/1/1748/5525/files/Gigi_and_McKenna_02_d11cde49-7956-4d36-b590-f0ddebb65619.png?v=1700471266\",\n \"https://cdn.shopify.com/s/files/1/1748/5525/files/Gigi_and_McKenna_03.png?v=1699407318\"\n ],\n tags: [\n {\n name: \"Women's Bell Bottoms\",\n url: \"/products/womens-bell-bottom-fall?variant=43640601608432\",\n top: \"69%\",\n left: \"68%\"\n },\n {\n name: \"Women's Bell Bottoms\",\n url: \"/products/womens-bell-bottom-fall?variant=44251749908720\",\n top: \"57%\",\n left: \"10%\"\n }\n ],\n color: \"#2F405C\",\n url: \"products/womens-bell-bottom-fall\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":631,"value":"kids = ({\n images: [\n \"https://cdn.shopify.com/s/files/1/1748/5525/files/Kids_01.png?v=1699421539\",\n // \"https://cdn.shopify.com/s/files/1/1748/5525/files/Kids_02.png?v=1699421538\",\n // \"https://cdn.shopify.com/s/files/1/1748/5525/files/Kids_02_b69c4ff8-2af4-4165-bcfa-1a28cb1200aa.png?v=1700472576\",\n \"https://cdn.shopify.com/s/files/1/1748/5525/files/Kids_03.png?v=1699421539\"\n ],\n tags: [\n {\n name: \"Varsity Hat\",\n url: \"/products/varsity-hat?variant=44093353197808\",\n top: \"23%\",\n left: \"66%\"\n },\n {\n name: \"Kid's Terry Tee\",\n url: \"/products/kids-terry-tee?&variant=40863086903463\",\n top: \"37%\",\n left: \"71%\"\n },\n {\n name: \"Kid's Shorts\",\n url: \"/products/kids-short?variant=44084528316656\",\n top: \"57%\",\n left: \"22%\"\n },\n {\n name: \"Kid's Overalls\",\n url: \"/products/kids-overall?variant=43639569940720\",\n top: \"72%\",\n left: \"30%\"\n }\n ],\n color: \"#87502E\",\n url: \"/collections/all/kid\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":621,"value":"$34","pinned":true,"hidden":false,"mode":"ojs"},{"id":691,"value":"twoToneSmock = ({\n images: [\n \"https://cdn.shopify.com/s/files/1/1748/5525/files/Two-tone_Smock_01.png?v=1700471501\",\n // \"https://cdn.shopify.com/s/files/1/1748/5525/files/Two-tone_Smock_02.png?v=1700472576\",\n \"https://cdn.shopify.com/s/files/1/1748/5525/files/Two-tone_Smock_03.png?v=1700471502\"\n ],\n tags: [\n {\n name: \"Two-Tone Smock\",\n url: \"/products/smock-two-tone\",\n top: \"40%\",\n left: \"80%\"\n }\n ],\n color: \"#D6091C\",\n url: \"/products/smock-two-tone\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":719,"value":"terrySet = ({\n images: [\n \"https://cdn.shopify.com/s/files/1/1748/5525/files/Terry_Set_01.png?v=1712157589\",\n \"https://cdn.shopify.com/s/files/1/1748/5525/files/Terry_Set_02.png?v=1712157590\",\n \"https://cdn.shopify.com/s/files/1/1748/5525/files/Terry_Set_03.png?v=1712157590\",\n \"https://cdn.shopify.com/s/files/1/1748/5525/files/Terry_Set_04.png?v=1712157590\"\n ],\n tags: [\n {\n name: \"Terry Dolphin Short\",\n url: \"/products/dolphin-short\",\n top: \"57%\",\n left: \"65%\"\n },\n {\n name: \"Women's Terry Tank\",\n url: \"/products/womens-terry-tank\",\n top: \"57%\",\n left: \"65%\"\n },\n {\n name: \"Men's Terry Tank\",\n url: \"/products/mens-terry-tank\",\n top: \"75%\",\n left: \"65%\"\n }\n ],\n color: \"#D6091C\",\n backgroundColor: \"#878ab7\",\n url: \"/products/smock-two-tone\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":723,"value":"summerCamp = ({\n images: [\n \"https://cdn.shopify.com/s/files/1/1748/5525/files/Paper.png?v=1718923330\",\n \"https://cdn.shopify.com/s/files/1/1748/5525/files/Patch-1.png?v=1718923329\",\n \"https://cdn.shopify.com/s/files/1/1748/5525/files/Patch.png?v=1718923329\"\n ],\n tags: [],\n color: \"#D6091C\",\n backgroundColor: \"#878ab7\",\n url: \"/collections/new\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":471,"value":"## Appendix","pinned":false,"hidden":false,"mode":"md"},{"id":241,"value":"$35","pinned":true,"hidden":false,"mode":"ojs"},{"id":494,"value":"tiltify = (element, options = {}) => {\n vaillaTilt.init(element, {\n max: 5,\n perspective: 1500,\n scale: 1,\n speed: 1000,\n gyroscope: true,\n reset: true,\n ...options\n });\n return element;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":486,"value":"vaillaTilt = {\n const { default: vaillaTilt } = await import(\"//esm.sh/vanilla-tilt\");\n return vaillaTilt;\n}","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W36","stdlib":"1","titling":"auto"}