{"id":225,"date":"2024-02-08T14:44:09","date_gmt":"2024-02-08T14:44:09","guid":{"rendered":"https:\/\/glapito.com\/index.php\/shop\/"},"modified":"2026-09-18T12:30:23","modified_gmt":"2026-09-18T12:30:23","slug":"shop","status":"publish","type":"page","link":"https:\/\/glapito.com\/index.php\/shop\/","title":{"rendered":"Shop"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull has-parallax\" style=\"margin-top:0px;margin-bottom:0px;min-height:653px;aspect-ratio:unset;\" id=\"contacts\"><div class=\"wp-block-cover__image-background wp-image-147 has-parallax\" style=\"background-position:50% 50%;background-image:url(https:\/\/glapito.com\/wp-content\/uploads\/2024\/01\/uzlime1.jpg)\"><\/div><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-90 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-container-core-cover-is-layout-7ab63551 wp-block-cover-is-layout-constrained\">\n<style>\nbody {\n    margin: 0;\n    padding: 0;\n    background: transparent;\n}\n\n.glitch-container {\n    width: 100%;\n    text-align: center;\n    position: relative;\n}\n\n.glitch {\n    display: inline-block;\n    position: relative;\n    font-size: 3vw;\n    font-family: Arial, sans-serif;\n    color: #fff;\n    text-transform: uppercase;\n    animation: glitch-skew 1s infinite alternate;\n}\n\n.glitch::before,\n.glitch::after {\n    content: attr(data-text);\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    color: white;\n    overflow: hidden;\n}\n\n.glitch::before {\n    left: 2px;\n    text-shadow: -2px 0 red;\n    clip: rect(24px, 9999px, 90px, 0);\n    animation: glitch-clip 2s infinite alternate-reverse;\n}\n\n.glitch::after {\n    left: -2px;\n    text-shadow: 2px 0 blue;\n    clip: rect(85px, 9999px, 140px, 0);\n    animation: glitch-clip 1.5s infinite alternate-reverse;\n}\n\n@keyframes glitch-skew {\n    0%   { transform: skew(0deg); }\n    20%  { transform: skew(2deg); }\n    40%  { transform: skew(-2deg); }\n    60%  { transform: skew(1deg); }\n    80%  { transform: skew(-1deg); }\n    100% { transform: skew(0deg); }\n}\n\n@keyframes glitch-clip {\n    0%   { clip: rect(0px,9999px,40px,0); }\n    10%  { clip: rect(20px,9999px,100px,0); }\n    20%  { clip: rect(40px,9999px,60px,0); }\n    30%  { clip: rect(80px,9999px,140px,0); }\n    40%  { clip: rect(50px,9999px,100px,0); }\n    50%  { clip: rect(100px,9999px,120px,0); }\n    60%  { clip: rect(30px,9999px,90px,0); }\n    70%  { clip: rect(70px,9999px,140px,0); }\n    80%  { clip: rect(40px,9999px,130px,0); }\n    90%  { clip: rect(90px,9999px,150px,0); }\n    100% { clip: rect(60px,9999px,110px,0); }\n}\n\n@media (max-width:768px){\n    .glitch{\n        font-size:6vw;\n    }\n}\n\n@media (max-width:480px){\n    .glitch{\n        font-size:7vw;\n    }\n}\n<\/style>\n\n<div class=\"glitch-container\">\n    <h1 class=\"glitch\" data-text=\"Welcome To The Field!\">\n        Welcome To The Field!\n    <\/h1>\n<\/div>\n\n\n\n<p class=\"has-text-align-center has-work-sans-regular-font-family wp-block-paragraph\" style=\"font-size:clamp(14.642px, 0.915rem + ((1vw - 3.2px) * 0.836), 22px);\">Take what you need and remember to leave what is ours!<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull has-parallax\" style=\"margin-top:0px;margin-bottom:0px;min-height:529px;aspect-ratio:unset;\" id=\"contacts\"><div class=\"wp-block-cover__image-background wp-image-38 size-large has-parallax\" style=\"background-position:50% 50%;background-image:url(https:\/\/glapito.com\/wp-content\/uploads\/2024\/01\/Untitled-1-5-1024x614.jpg)\"><\/div><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim-70 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-container-core-cover-is-layout-7ab63551 wp-block-cover-is-layout-constrained\">\n<div style=\"height:150px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\nbody {\n    margin: 0;\n    padding: 0;\n    background: transparent;\n}\n\n.glitch-container {\n    width: 100%;\n    text-align: center;\n    position: relative;\n}\n\n.glitch {\n    display: inline-block;\n    position: relative;\n    font-size: 5vw;\n    font-family: Prata;\n    color: #fff;\n    text-transform: uppercase;\n    animation: glitch-skew 1s infinite alternate;\n}\n\n.glitch::before,\n.glitch::after {\n    content: attr(data-text);\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    color: white;\n    overflow: hidden;\n}\n\n.glitch::before {\n    left: 2px;\n    text-shadow: -2px 0 red;\n    clip: rect(24px, 9999px, 90px, 0);\n    animation: glitch-clip 2s infinite alternate-reverse;\n}\n\n.glitch::after {\n    left: -2px;\n    text-shadow: 2px 0 blue;\n    clip: rect(85px, 9999px, 140px, 0);\n    animation: glitch-clip 1.5s infinite alternate-reverse;\n}\n\n@keyframes glitch-skew {\n    0%   { transform: skew(0deg); }\n    20%  { transform: skew(2deg); }\n    40%  { transform: skew(-2deg); }\n    60%  { transform: skew(1deg); }\n    80%  { transform: skew(-1deg); }\n    100% { transform: skew(0deg); }\n}\n\n@keyframes glitch-clip {\n    0%   { clip: rect(0px,9999px,40px,0); }\n    10%  { clip: rect(20px,9999px,100px,0); }\n    20%  { clip: rect(40px,9999px,60px,0); }\n    30%  { clip: rect(80px,9999px,140px,0); }\n    40%  { clip: rect(50px,9999px,100px,0); }\n    50%  { clip: rect(100px,9999px,120px,0); }\n    60%  { clip: rect(30px,9999px,90px,0); }\n    70%  { clip: rect(70px,9999px,140px,0); }\n    80%  { clip: rect(40px,9999px,130px,0); }\n    90%  { clip: rect(90px,9999px,150px,0); }\n    100% { clip: rect(60px,9999px,110px,0); }\n}\n\n@media (max-width:768px){\n    .glitch{\n        font-size:8vw;\n    }\n}\n\n@media (max-width:480px){\n    .glitch{\n        font-size:10vw;\n    }\n}\n<\/style>\n\n<div class=\"glitch-container\">\n    <h1 class=\"glitch\" data-text=\"THE MARKET\">\n        THE MARKET\n    <\/h1>\n<\/div>\n\n\n\n<div style=\"height:150px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"glapito-catalog\">\n\n    <div class=\"glapito-product\">\n        <div class=\"glapito-question\">?<\/div>\n    <\/div>\n\n    <div class=\"glapito-product\">\n        <div class=\"glapito-question\">?<\/div>\n    <\/div>\n\n    <div class=\"glapito-product\">\n        <div class=\"glapito-question\">?<\/div>\n    <\/div>\n\n<\/div>\n\n\n<style>\n\n.glapito-catalog {\n    width: 100%;\n    max-width: 1200px;\n\n    margin: 0 auto;\n\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n\n    gap: 20px;\n\n    padding: 0;\n}\n\n\n\/* =========================================\n   PRODUCT BOX\n========================================= *\/\n\n.glapito-product {\n    position: relative;\n\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n\n    background: #090909;\n\n    border: 1px solid #292929;\n\n    overflow: hidden;\n\n    cursor: pointer;\n\n    transition:\n        border-color 0.2s ease,\n        background 0.2s ease;\n}\n\n.glapito-product:hover {\n    background: #0d0d0d;\n    border-color: #555;\n}\n\n\n\/* =========================================\n   QUESTION MARK\n========================================= *\/\n\n.glapito-question {\n    position: absolute;\n\n    top: 50%;\n    left: 50%;\n\n    transform: translate(-50%, -52%);\n\n    font-family: Arial, Helvetica, sans-serif;\n\n    font-size: clamp(80px, 10vw, 150px);\n\n    font-weight: 900;\n\n    line-height: 1;\n\n    color: #dcdcdc;\n\n    user-select: none;\n\n    z-index: 2;\n}\n\n\n\/* =========================================\n   CYAN GLITCH\n========================================= *\/\n\n.glapito-question::before {\n    content: \"?\";\n\n    position: absolute;\n\n    top: 0;\n    left: 0;\n\n    color: #21dcff;\n\n    opacity: 0;\n\n    pointer-events: none;\n\n    clip-path: polygon(\n        0 8%,\n        100% 8%,\n        100% 22%,\n        0 22%,\n\n        0 45%,\n        100% 45%,\n        100% 54%,\n        0 54%,\n\n        0 76%,\n        100% 76%,\n        100% 84%,\n        0 84%\n    );\n\n    animation: glapito-cyan 2.7s infinite steps(1);\n}\n\n\n\/* =========================================\n   RED GLITCH\n========================================= *\/\n\n.glapito-question::after {\n    content: \"?\";\n\n    position: absolute;\n\n    top: 0;\n    left: 0;\n\n    color: #ff315b;\n\n    opacity: 0;\n\n    pointer-events: none;\n\n    clip-path: polygon(\n        0 13%,\n        100% 13%,\n        100% 27%,\n        0 27%,\n\n        0 59%,\n        100% 59%,\n        100% 67%,\n        0 67%,\n\n        0 88%,\n        100% 88%,\n        100% 94%,\n        0 94%\n    );\n\n    animation: glapito-red 3s infinite steps(1);\n}\n\n\n\/* =========================================\n   CYAN ANIMATION\n========================================= *\/\n\n@keyframes glapito-cyan {\n\n    0%,\n    72%,\n    100% {\n        opacity: 0;\n    }\n\n    73% {\n        opacity: 1;\n        transform: translate(-7px, -1px);\n    }\n\n    75% {\n        opacity: 0;\n    }\n\n    79% {\n        opacity: 1;\n        transform: translate(5px, 1px);\n    }\n\n    81% {\n        opacity: 0;\n    }\n\n    85% {\n        opacity: 1;\n        transform: translate(-3px, 0);\n    }\n\n    87% {\n        opacity: 0;\n    }\n}\n\n\n\/* =========================================\n   RED ANIMATION\n========================================= *\/\n\n@keyframes glapito-red {\n\n    0%,\n    68%,\n    100% {\n        opacity: 0;\n    }\n\n    69% {\n        opacity: 1;\n        transform: translate(7px, 1px);\n    }\n\n    71% {\n        opacity: 0;\n    }\n\n    76% {\n        opacity: 1;\n        transform: translate(-5px, -1px);\n    }\n\n    78% {\n        opacity: 0;\n    }\n\n    82% {\n        opacity: 1;\n        transform: translate(3px, 0);\n    }\n\n    84% {\n        opacity: 0;\n    }\n}\n\n\n\/* =========================================\n   GLITCH BARS\n========================================= *\/\n\n.glapito-product::before,\n.glapito-product::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: 0;\n\n    width: 100%;\n    height: 1px;\n\n    opacity: 0;\n\n    z-index: 5;\n\n    pointer-events: none;\n}\n\n\n.glapito-product::before {\n\n    top: 38%;\n\n    background: #777;\n\n    animation: glapito-bar-one 2.4s infinite steps(1);\n}\n\n\n.glapito-product::after {\n\n    top: 67%;\n\n    background: #555;\n\n    animation: glapito-bar-two 3.1s infinite steps(1);\n}\n\n\n@keyframes glapito-bar-one {\n\n    0%,\n    73%,\n    100% {\n        opacity: 0;\n    }\n\n    75% {\n        opacity: 0.7;\n        transform: translateX(-9px);\n    }\n\n    77% {\n        opacity: 0;\n    }\n\n    81% {\n        opacity: 0.5;\n        transform: translateX(8px);\n    }\n\n    83% {\n        opacity: 0;\n    }\n}\n\n\n@keyframes glapito-bar-two {\n\n    0%,\n    58%,\n    100% {\n        opacity: 0;\n    }\n\n    61% {\n        opacity: 0.6;\n        transform: translateX(8px);\n    }\n\n    63% {\n        opacity: 0;\n    }\n\n    86% {\n        opacity: 0.5;\n        transform: translateX(-10px);\n    }\n\n    88% {\n        opacity: 0;\n    }\n}\n\n\n\/* =========================================\n   MOBILE\n========================================= *\/\n\n@media (max-width: 700px) {\n\n    .glapito-catalog {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 8px;\n    }\n\n    .glapito-question {\n        font-size: 18vw;\n    }\n}\n\n<\/style>\n\n\n\n<div style=\"height:277px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-225","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/glapito.com\/index.php\/wp-json\/wp\/v2\/pages\/225","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/glapito.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/glapito.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/glapito.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/glapito.com\/index.php\/wp-json\/wp\/v2\/comments?post=225"}],"version-history":[{"count":5,"href":"https:\/\/glapito.com\/index.php\/wp-json\/wp\/v2\/pages\/225\/revisions"}],"predecessor-version":[{"id":1713,"href":"https:\/\/glapito.com\/index.php\/wp-json\/wp\/v2\/pages\/225\/revisions\/1713"}],"wp:attachment":[{"href":"https:\/\/glapito.com\/index.php\/wp-json\/wp\/v2\/media?parent=225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}