{"title":"Never Forget 9\/11","description":"\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Arsenal\u0026family=Passion+One:wght@700\u0026display=swap');\nbody {\n    background-color: black;\n}\n\n.section-header {\n    display: none!important;\n}\n#CollectionAjaxContent {\n    display: none;\n}\n\n.hero {\n    position: relative;\n    background-image: linear-gradient(#00000033 60%, #000000 100%), url('https:\/\/cdn.shopify.com\/s\/files\/1\/0017\/7143\/8146\/files\/towerLights2.jpg');\n    background-size: 100%;\n    background-position: top;\n    background-repeat: no-repeat;\n    margin-top: 1rem;\n}\n\n.hero__title {\n    display: inline-block;\n    font-family: 'Passion One', sans-serif;\n    text-transform: uppercase;\n    font-size: 6rem;\n    letter-spacing: 0.1em;\n    text-align: center;\n    color: black;\n    background-color: white;\n\n    width: 80vw;\n    margin: 5vw 10vw 0 10vw;\n    z-index: 0;\n}\n\n.hero__description {\n    display: inline-block;\n    font-family: sans-serif;\n    font-size: 1rem;\n    letter-spacing: 0.1em;\n    text-align: center;\n    color: white;\n    background-color: transparent;\n\n    width: 80vw;\n    padding: 0 12vw 2em 12vw;\n    margin: 1rem 10vw 0 10vw;\n}\n\n.blend-screen {\n    mix-blend-mode: screen;\n}\n\n.iso-element {\n    isolation: isolate;\n}\n\n\n.timeline {\n    margin-top: 6rem;\n}\n\n.timeline__title {\n    text-align: center;\n    font-family: 'Passion One', sans-serif;\n    text-transform: uppercase;\n    white-space: pre;\n    font-size: 3rem;\n    color: red;\n    text-shadow: 0px 0px 15px black;\n}\n\n.timeline__clocks {\n    display: grid;\n    grid-template-columns: repeat(11 , 1fr);\n    align-items: center;\n    justify-items: center;\n}\n\n.timeline__clock {\n    filter: drop-shadow(0px 0px 5px black);\n    cursor: pointer;\n    filter: saturate(0%) brightness(500%);\n\n    transition: 200ms;\n}\n\n.timeline__clock:hover , .highlighted-time {\n    filter: saturate(100%) brightness(100%);\n    transform: scale(1.1);\n}\n\n.timeline__body {\n    position: relative;\n    margin-top: 2rem;\n    min-height: 25rem;\n}\n\n.timeline__body-container {\n    position: absolute;\n    top: 0;\n    left: 50%;\n\n    opacity: 0;\n\n    transform: translateX(-50%);\n\n    transition: 500ms;\n}\n\n.highlighted-body {\n    opacity: 1;\n}\n\n.timeline__time {\n    text-align: center;\n    font-family: 'Passion One', sans-serif;\n    text-transform: uppercase;\n    font-size: 10rem;\n    color: red;\n    text-shadow: 0px 0px 15px black;\n}\n\n.timeline__description {\n    text-align: center;\n    font-family: sans-serif;\n    font-size: 1.5rem;\n    color: white;\n    text-shadow: 0px 0px 15px black;\n}\n\n#left-arrow , #right-arrow {\n    position: absolute;\n    height: 70px;\n    width: 70px;\n    top: 10%;\n    left: 50%;\n    cursor: pointer;\n    z-index: 10;\n}\n\n#left-arrow {\n    transform: rotate(0) translateX(-25vw) scale(1);\n}\n\n#right-arrow {\n    transform: rotate(0.5turn) translateX(-22vw) scale(1);\n}\n\n.arrows {\n    fill: white;\n    transition: 200ms;\n}\n\n#left-arrow:hover .arrows {\n    fill: red;\n}\n\n#right-arrow:hover .arrows {\n    fill: red;\n}\n\n.arrows-inside {\n    opacity: 0;\n}\n\n.youtube-video {\n    text-align: center;\n    margin-bottom: 2rem;\n}\n\n.products__container {\n    min-height: 25vw;\n}\n\n.products__title {\n    position: relative;\n    color: darkred;\n    text-transform: uppercase;\n    font-size: 1rem;\n    text-align: center;\n    margin-top: calc(6  * 1rem);\n    margin-bottom: calc(4  * 1rem);\n\n    z-index: 4;\n}\n\n.products__grid {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n}\n.products__product {\n    display: block;\n    padding: calc(2  * 1rem);\n}\n\n.products__product img {\n    display: block;\n    object-fit: cover;\n    object-position: center;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n.product__slide-title {\n    text-align: center;\n    font-size: 1rem;\n    color: white;\n    text-shadow: 0px 0px 5px black;\n}\n\n.product__shop-now {\n    text-align: center;\n    font-size: calc(1  * 1rem);\n    color: white;\n    background-color: darkred;\n    border-radius: calc(1  * 1rem);\n    padding: 1rem;\n\n    box-shadow: 0px 0px 0px 2px transparent;\n\n    transition: 200ms;\n    cursor: pointer;\n}\n\n@media (max-width: 1440px) {\n    .hero {\n        max-width: 100vw;\n    }\n    .hero__title {\n        font-size: 3rem;\n        padding: 0.1em 1rem;\n        width: 80vw;\n        margin: 5vw 10vw 0 10vw;\n    }\n\n    .hero__description {\n        font-size: 1rem;\n        padding: 0.1em 1rem;\n        width: 80vw;\n        margin: 0 10vw 5vw 10vw;\n    }\n    .timeline {\n        display: none;\n    }\n    .products__grid {\n        grid-template-columns: repeat(3, 1fr);\n    }\n}\n@media (max-width: 1024px) {\n    .youtube-video iframe {\n        width: 640px;\n        height: 360px;\n    }\n}\n@media (max-width: 640px) {\n    .youtube-video iframe {\n        width: 315px;\n        height: 177px;\n    }\n}\n@media (max-width: 480px) {\n    .hero__title {\n        font-size: 2rem;\n    }\n    .products__grid {\n        grid-template-columns: repeat(1, 1fr);\n    }\n}\n\n\u003c\/style\u003e\n\n\u003cdiv class=\"hero\"\u003e\n    \u003ch1 class=\"hero__title blend-screen\"\u003e We Remember\u003c\/h1\u003e\n    \u003cp class=\"hero__description\"\u003e100% of the proceeds from the sale of this design will be donated to the Tunnel to Towers Foundation, which works to preserve the legacy of all Americans who gave their lives saving others, by providing assistance to families of the fallen and educating future generations about the events of that fateful morning.\n        Please help us support the families with this non-profit shirt. For Men Never Die Until They are Forgotten.\n        To learn more about the Tunnels to Towers Foundation, visit their website:\u003ca href=\"https:\/\/t2t.org\/?utm_source=website\u0026amp;utm_medium=website\u0026amp;utm_campaign=NeverForget911\" style=\"color: red;\"\u003eTunnel to Towers Foundation\u003c\/a\u003e\u003c\/p\u003e\n    \u003cdiv class=\"products__container\"\u003e\n        \u003cdiv class=\"products__grid\"\u003e\n            \u003cdiv class=\"products__product\"\u003e\n                \u003ca href=\"https:\/\/www.ninelineapparel.com\/products\/mens-triblend-t-shirt-alwremb23\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0017\/7143\/8146\/products\/mens-tri-blend-t-shirt-911-2023-926949.png?v=1690214549\"\u003e\n                    \u003ch3 class=\"product__slide-title\"\u003eMen's T-Shirt\u003c\/h3\u003e\n                    \u003ch3 class=\"product__shop-now\"\u003eShop Now\u003c\/h3\u003e\n                \u003c\/a\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"products__product\"\u003e\n                \u003ca href=\"https:\/\/www.ninelineapparel.com\/products\/mens-long-sleeve-alwremb23\"\u003e \n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0017\/7143\/8146\/products\/mens-long-sleeve-911-2023-902055.png?v=1689975273\"\u003e\n                    \u003ch3 class=\"product__slide-title\"\u003eMen's Long Sleeve\u003c\/h3\u003e\n                    \u003ch3 class=\"product__shop-now\"\u003eShop Now\u003c\/h3\u003e\n                \u003c\/a\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"products__product\"\u003e\n                \u003ca href=\"https:\/\/www.ninelineapparel.com\/products\/womens-triblend-t-shirt-alwremb23\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0017\/7143\/8146\/products\/womens-tri-blend-t-shirt-911-2023-592462.png?v=1689975645\"\u003e\n                    \u003ch3 class=\"product__slide-title\"\u003eWomen's Relaxed Fit\u003c\/h3\u003e\n                    \u003ch3 class=\"product__shop-now\"\u003eShop Now\u003c\/h3\u003e\n                \u003c\/a\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"products__product\"\u003e\n                \u003ca href=\"https:\/\/www.ninelineapparel.com\/products\/hoodie-alwremb23\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0017\/7143\/8146\/products\/hoodie-911-2023-519553.png?v=1689975273\"\u003e\n                    \u003ch3 class=\"product__slide-title\"\u003eBoyfriend Fit\u003c\/h3\u003e\n                    \u003ch3 class=\"product__shop-now\"\u003eShop Now\u003c\/h3\u003e\n                \u003c\/a\u003e\n            \u003c\/div\u003e \n            \u003cdiv class=\"products__product\"\u003e\n                \u003ca href=\"https:\/\/www.ninelineapparel.com\/products\/youth-t-shirt-alwremb23\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0017\/7143\/8146\/products\/youth-t-shirt-911-2023-384347.png?v=1689975634\"\u003e\n                    \u003ch3 class=\"product__slide-title\"\u003eYouth T-Shirt\u003c\/h3\u003e\n                    \u003ch3 class=\"product__shop-now\"\u003eShop Now\u003c\/h3\u003e\n                \u003c\/a\u003e\n            \u003c\/div\u003e  \n        \u003c\/div\u003e  \n    \u003c\/div\u003e\n    \u003cdiv class=\"youtube-video\"\u003e\n        \u003ciframe width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/8q0gnHoG1vI\" title=\"YouTube video player\" frameborder=\"1\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen\u003e\u003c\/iframe\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"timeline\"\u003e\n        \u003ch1 class=\"timeline__title\"\u003eHow Events Unfolded that Morning\u003c\/h1\u003e\n        \u003cdiv class=\"timeline__clocks\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0017\/7143\/8146\/files\/timelineClocks-01.png?v=1628262188\" alt=\"\" class=\"timeline__clock\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0017\/7143\/8146\/files\/timelineClocks-02.png?v=1628262189\" alt=\"\" class=\"timeline__clock\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0017\/7143\/8146\/files\/timelineClocks-03.png?v=1628262189\" alt=\"\" class=\"timeline__clock\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0017\/7143\/8146\/files\/timelineClocks-04.png?v=1628262189\" alt=\"\" class=\"timeline__clock\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0017\/7143\/8146\/files\/timelineClocks-05.png?v=1628262189\" alt=\"\" class=\"timeline__clock\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0017\/7143\/8146\/files\/timelineClocks-06.png?v=1628262189\" alt=\"\" class=\"timeline__clock\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0017\/7143\/8146\/files\/timelineClocks-07.png?v=1628262189\" alt=\"\" class=\"timeline__clock\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0017\/7143\/8146\/files\/timelineClocks-08.png?v=1628262189\" alt=\"\" class=\"timeline__clock\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0017\/7143\/8146\/files\/timelineClocks-09.png?v=1628262189\" alt=\"\" class=\"timeline__clock\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0017\/7143\/8146\/files\/timelineClocks-10.png?v=1628262189\" alt=\"\" class=\"timeline__clock\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0017\/7143\/8146\/files\/timelineClocks-11.png?v=1628262189\" alt=\"\" class=\"timeline__clock\"\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"timeline__body\"\u003e\n            \u003c?xml version=\"1.0\" encoding=\"utf-8\"?\u003e\n            \u003c!-- Generator: Adobe Illustrator 25.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --\u003e\n            \u003csvg version=\"1.1\" id=\"left-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewbox=\"0 0 72 72\" style=\"enable-background:new 0 0 72 72;\" xml:space=\"preserve\"\u003e\n            \u003cg\u003e\n                \u003cpath class=\"arrows\" d=\"M36,0C16.12,0,0,16.12,0,36c0,19.88,16.12,36,36,36s36-16.12,36-36C72,16.12,55.88,0,36,0z M48.41,56.93\n                    L16.61,35.61l31.79-20.54V56.93z\"\u003e\u003c\/path\u003e\n            \u003c\/g\u003e\n            \u003cg class=\"arrows-inside\"\u003e\n                \u003cpolygon class=\"st0\" points=\"48.41,15.07 48.41,56.93 16.61,35.61 \t\"\u003e\u003c\/polygon\u003e\n            \u003c\/g\u003e\n            \u003c\/svg\u003e\n            \u003cdiv class=\"timeline__body-container\"\u003e\n                \u003ch1 class=\"timeline__time\"\u003e7:59AM\u003c\/h1\u003e\n                \u003cp class=\"timeline__description\"\u003eAmerican Airlines Flight 11 with 92 people aboard, takes off from Boston en route to Los Angeles\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"timeline__body-container\"\u003e\n                \u003ch1 class=\"timeline__time\"\u003e8:14AM\u003c\/h1\u003e\n                \u003cp class=\"timeline__description\"\u003eUnited Airlines Flight 175 with 65 people aboard, takes off from Boston; also headed to Los Angeles\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"timeline__body-container\"\u003e\n                \u003ch1 class=\"timeline__time\"\u003e8:19AM\u003c\/h1\u003e\n                \u003cp class=\"timeline__description\"\u003eFlight attendants aboard Flight 11 alert ground personnel that the plane has been hijacked; American Airlines notifies the FBI\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"timeline__body-container\"\u003e\n                \u003ch1 class=\"timeline__time\"\u003e8:20AM\u003c\/h1\u003e\n                \u003cp class=\"timeline__description\"\u003eAmerican Airlines Flight 77 with 64 people aboard, takes off from Washington, D.C. also headed to Los Angeles\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"timeline__body-container\"\u003e\n                \u003ch1 class=\"timeline__time\"\u003e8:41AM\u003c\/h1\u003e\n                \u003cp class=\"timeline__description\"\u003eUnited Airlines Flight 93 with 44 people aboard, takes off from Newark en route to San Francisco\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"timeline__body-container\"\u003e\n                \u003ch1 class=\"timeline__time\"\u003e8:46AM\u003c\/h1\u003e\n                \u003cp class=\"timeline__description\"\u003eAmerican Airlines Flight 11 crashes into the North Tower of the World Trade Center, killing everyone on board and hundreds inside the building\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"timeline__body-container\"\u003e\n                \u003ch1 class=\"timeline__time\"\u003e9:03AM\u003c\/h1\u003e\n                \u003cp class=\"timeline__description\"\u003eHijackers crash United Airlines Flight 175 into floors 75 through 85 of the World Trade Center's South Tower\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"timeline__body-container\"\u003e\n                \u003ch1 class=\"timeline__time\"\u003e9:37AM\u003c\/h1\u003e\n                \u003cp class=\"timeline__description\"\u003eFlight 77 slams into the western side of the Pentagon, killing 59 onboard and 125 military and civilian personnel inside the building\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"timeline__body-container\"\u003e\n                \u003ch1 class=\"timeline__time\"\u003e9:59AM\u003c\/h1\u003e\n                \u003cp class=\"timeline__description\"\u003eThe South Tower of the World Trade Center collapses\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"timeline__body-container\"\u003e\n                \u003ch1 class=\"timeline__time\"\u003e10:07AM\u003c\/h1\u003e\n                \u003cp class=\"timeline__description\"\u003eHijackers crash Flight 93 in Somerset County, Pennsylvania, killing all 40 onboard. The actions of the passengers and crew thwarted the attack on the US Capitol\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"timeline__body-container\"\u003e\n                \u003ch1 class=\"timeline__time\"\u003e10:28AM\u003c\/h1\u003e\n                \u003cp class=\"timeline__description\"\u003eThe North Tower of the World Trade Center collapses\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003csvg version=\"1.1\" id=\"right-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewbox=\"0 0 72 72\" style=\"enable-background:new 0 0 72 72;\" xml:space=\"preserve\"\u003e\n            \u003cg\u003e\n                \u003cpath class=\"arrows\" d=\"M36,0C16.12,0,0,16.12,0,36c0,19.88,16.12,36,36,36s36-16.12,36-36C72,16.12,55.88,0,36,0z M48.41,56.93\n                    L16.61,35.61l31.79-20.54V56.93z\"\u003e\u003c\/path\u003e\n            \u003c\/g\u003e\n            \u003cg class=\"arrows-inside\"\u003e\n                \u003cpolygon class=\"st0\" points=\"48.41,15.07 48.41,56.93 16.61,35.61 \t\"\u003e\u003c\/polygon\u003e\n            \u003c\/g\u003e\n            \u003c\/svg\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n    \n\n\n\u003cscript\u003e\n\n\/\/\u003cdiv class=\"name-list\"\u003e\n\/\/        \u003cspan class=\"name-list__title\"\u003eIn Memory of\u003c\/span\u003e\n\/\/        \u003cdiv class=\"name-list__list\"\u003e\n\/\/            \u003cul class=\"name-list__names\"\u003e\n\nconst allClocks = document.querySelectorAll('.timeline__clock');\nconst allBodies = document.querySelectorAll('.timeline__body-container')\nconst leftArrow = document.getElementById('left-arrow');\nconst rightArrow = document.getElementById('right-arrow');\n\nallClocks[0].classList.add('highlighted-time');\nallBodies[0].classList.add('highlighted-body');\n\nvar q = 3000;\nvar currentTime = 0;\n\n\nfunction setClocks() {\n    for(let c = 0; c \u003c= allClocks.length - 1; c++) {\n        if(c == currentTime) {\n            allClocks[c].classList.add('highlighted-time');\n            allBodies[c].classList.add('highlighted-body');\n        }else {\n            allClocks[c].classList.remove('highlighted-time');\n            allBodies[c].classList.remove('highlighted-body');\n        }\n    }\n}\n\nfor(let c = 0; c \u003c= allClocks.length - 1; c++) {\n    allClocks[c].addEventListener('click', function(e) {\n        currentTime = c;\n        setClocks();\n    });\n}\n\nleftArrow.addEventListener('click', function() {\n    if(currentTime === 0) {\n        currentTime = allClocks.length-1;\n        setClocks();\n    }else{\n        currentTime--;\n        setClocks();\n    }\n});\n\nrightArrow.addEventListener('click', function() {\n    if(currentTime === allClocks.length-1) {\n        currentTime = 0;\n        setClocks();\n    }else{\n        currentTime++;\n        setClocks();\n    }\n});\n\nnameScroll();\nsetClocks();\n\n\u003c\/script\u003e","products":[],"url":"https:\/\/ninelineapparel-dev2.myshopify.com\/collections\/never-forget-9-11.oembed","provider":"Custom T-Shirt Designer 2.0","version":"1.0","type":"link"}