diff --git a/assets/css/display.css b/assets/css/display.css index d5b87ae..31c930b 100644 --- a/assets/css/display.css +++ b/assets/css/display.css @@ -1 +1 @@ -html{background:#f4fdff;font-family:Poppins,sans-serif;letter-spacing:3px;overflow-y:hidden;overflow-x:hidden}h1,h2{display:inline;line-height:1em;text-transform:uppercase}h1{font-size:75px;font-weight:600;letter-spacing:20px;position:absolute;top:0;transform:translateX(-50%)}h2{color:#444 !important;display:block;font-size:2em;line-height:30px;margin:0;transform:translateY(-10px)}body{margin:0}#app::after{background:#000;bottom:0;color:#fff;content:"CANS FOR OFFSITE CONSUMPTION ONLY, NO EXCEPTIONS";display:block;font-size:40px;left:0;position:absolute;right:0;text-align:center}.display h3{color:#000;text-transform:uppercase;font-size:17px;letter-spacing:0;margin:0 0 6px}.display #app{justify-content:center}.display header{text-align:center}.display article{display:inline-block;padding:0;position:relative;text-align:center;width:350px}.display article:nth-child(-n+5){margin-bottom:0}.display article img{height:auto;transform:scale(1.1) translateY(-20px);width:100%}.display article img main{text-align:center;text-transform:uppercase}.count-9 article,.count-10 article{padding:0px 17px}.count-9 article img,.count-10 article img{transform:scale(1) translateY(-35px)}.count-11 article,.count-12 article{width:315px}.count-7 article,.count-8 article{padding:0px 85px;width:310px}.count-5 article,.count-6 article{padding:23px 159px}.count-4 article{width:23px 318px}.kiosk .logo{height:102px;position:absolute;right:100px;top:40px}.price{background:rgba(0,0,0,.5803921569);border-radius:10px;color:#fff;font-size:40px;padding:0 25px;position:absolute;font-weight:bold;left:calc(50% - 76px);top:25%;width:100px;z-index:1}.price:before{content:"$"}@keyframes fadeInOut{0%,20%{opacity:1}22%,50%,98%{opacity:0}}.price{top:30%}.prices{color:#000;font-size:20px;letter-spacing:1px;margin:0}.prices .price-value::before{content:"$"}.sold-out{background:rgba(255,0,0,.5803921569);border-radius:10px;color:#fff;font-size:40px;padding:0 25px;position:absolute;font-weight:bold;left:calc(50% - 135px);width:220px;z-index:1}.sale{background:rgba(255,213,0,.7490196078);border-radius:10px;color:#000;font-size:40px;padding:0 25px;position:absolute;font-weight:bold;left:calc(50% - 87px);top:28%;z-index:1}.sale:after{animation:shockwave 3s .65s ease-out infinite;content:"30% off";display:block;font-size:20px;line-height:5px;padding-bottom:15px;text-transform:uppercase}.sale:before{animation:shockwave 3s .5s ease-out infinite}@keyframes shockwaveJump{0%{transform:scale(1)}80%{transform:scale(1.08)}85%{transform:scale(0.9)}90%{transform:scale(1.02)}95%{transform:scale(0.9)}100%{transform:scale(1)}}.sr-widget{position:absolute;left:90px;top:50px;width:341px;margin:0 auto;transform:scale(1.5)}.sr-bb,.sr-bb .srt-base-1{background:rgba(0,0,0,0) !important}.sr-error__message-wrapper,.sr-error__icon-wrapper{display:none !important}.percent-abv{color:#555;font-weight:normal}.percent-abv::after{content:"%"}/*# sourceMappingURL=display.css.map */ \ No newline at end of file +html{background:#f4fdff;font-family:Poppins,sans-serif;letter-spacing:3px;overflow-y:hidden;overflow-x:hidden}h1,h2{display:inline;line-height:1em;text-transform:uppercase}h1{font-size:75px;font-weight:600;letter-spacing:20px;position:absolute;top:0;transform:translateX(-50%)}h2{color:#444 !important;display:block;font-size:2em;line-height:30px;margin:0;transform:translateY(-10px)}body{margin:0}#app::after{background:#000;bottom:0;color:#fff;content:"CANS FOR OFFSITE CONSUMPTION ONLY, NO EXCEPTIONS";display:block;font-size:40px;left:0;position:absolute;right:0;text-align:center}.display h3{color:#000;text-transform:uppercase;font-size:17px;letter-spacing:0;margin:0 0 6px}.display #app{justify-content:center}.display header{text-align:center}.display article{display:inline-block;padding:0;position:relative;text-align:center;width:350px}.display article:nth-child(-n+5){margin-bottom:0}.display article img{height:auto;transform:scale(1.1) translateY(-20px);width:100%}.display article img main{text-align:center;text-transform:uppercase}.count-9 article,.count-10 article{padding:0px 17px}.count-9 article img,.count-10 article img{transform:scale(1) translateY(-35px)}.count-11 article,.count-12 article{width:315px}.count-7 article,.count-8 article{padding:0px 85px;width:310px}.count-5 article,.count-6 article{padding:23px 159px}.count-4 article{width:23px 318px}.kiosk .logo{height:102px;position:absolute;right:100px;top:40px}.price{background:rgba(0,0,0,.5803921569);border-radius:10px;color:#fff;font-size:40px;padding:0 25px;position:absolute;font-weight:bold;left:calc(50% - 76px);top:25%;width:100px;z-index:1}.price:before{content:"$"}@keyframes fadeInOut{0%,20%{opacity:1}22%,50%,98%{opacity:0}}.price{top:30%}.prices{color:#000;font-size:20px;letter-spacing:1px;margin:0}.prices .price-value::before{content:"$"}.sold-out{background:rgba(255,0,0,.5803921569);border-radius:10px;color:#fff;font-size:40px;padding:0 25px;position:absolute;font-weight:bold;left:calc(50% - 135px);width:220px;z-index:1}.sale{background:rgba(255,213,0,.7490196078);border-radius:10px;color:#000;font-size:40px;padding:0 25px;position:absolute;font-weight:bold;left:calc(50% - 112px);top:28%;z-index:1}.sale:after{animation:shockwave 3s .65s ease-out infinite;content:"30% off";display:block;font-size:20px;line-height:5px;padding-bottom:15px;text-transform:uppercase}.sale:before{animation:shockwave 3s .5s ease-out infinite}@keyframes shockwaveJump{0%{transform:scale(1)}80%{transform:scale(1.08)}85%{transform:scale(0.9)}90%{transform:scale(1.02)}95%{transform:scale(0.9)}100%{transform:scale(1)}}.sr-widget{position:absolute;left:90px;top:50px;width:341px;margin:0 auto;transform:scale(1.5)}.sr-bb,.sr-bb .srt-base-1{background:rgba(0,0,0,0) !important}.sr-error__message-wrapper,.sr-error__icon-wrapper{display:none !important}.percent-abv{color:#555;font-weight:normal}.percent-abv::after{content:"%"}/*# sourceMappingURL=display.css.map */ \ No newline at end of file diff --git a/assets/css/display.css.map b/assets/css/display.css.map index c383018..79316a2 100644 --- a/assets/css/display.css.map +++ b/assets/css/display.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../_sass/cans.sass"],"names":[],"mappings":"AAAA,KACE,mBACA,+BACA,mBACA,kBACA,kBACF,MAEE,eACA,gBACA,yBACF,GACE,eACA,gBACA,oBACA,kBACA,MACA,2BACF,GACE,sBACA,cACA,cACA,iBACA,SACA,4BACF,KACE,SAEA,YACE,gBACA,SACA,WACA,2DACA,cACA,eACA,OACA,kBACA,QACA,kBAGF,YACE,WACA,yBACA,eACA,iBACA,eACF,cACE,uBACF,gBACE,kBACF,iBACE,qBACA,UACA,kBACA,kBACA,YACA,iCACE,gBACF,qBACE,YACA,uCACA,WACA,0BACE,kBACA,yBAIN,mCACE,iBACA,2CACE,qCAIJ,oCACE,YAIF,kCACE,iBACA,YAGF,kCACE,mBAEF,iBACE,iBAEJ,aACE,aACA,kBACA,YACA,SAEF,OACE,mCACA,mBACA,WACA,eACA,eACA,kBACA,iBACA,sBACA,QACA,YACA,UACA,cACE,YACJ,qBACE,OACE,UAEF,YACE,WAIJ,OAEE,QAEF,QACE,WACA,eACA,mBACA,SAEE,6BACE,YAEN,UACE,qCACA,mBACA,WACA,eACA,eACA,kBACA,iBACA,uBACA,YACA,UACF,MACE,uCACA,mBACA,WACA,eACA,eACA,kBACA,iBACA,sBACA,QACA,UAGA,YACE,8CACA,kBACA,cACA,eACA,gBACA,oBACA,yBACF,aACE,6CAEJ,yBACE,GACE,mBACF,IACE,sBACF,IACG,qBACH,IACE,sBACF,IACE,qBACF,KACE,oBAIJ,WACE,kBACA,UACA,SACA,YACA,cACA,qBAEF,0BAEE,oCAEF,mDAEE,wBAEF,aACE,WACA,mBACA,oBACE","sourcesContent":["html\n background: #f4fdff\n font-family: Poppins, sans-serif\n letter-spacing: 3px\n overflow-y: hidden\n overflow-x: hidden\nh1,\nh2\n display: inline\n line-height: 1em\n text-transform: uppercase\nh1\n font-size: 75px\n font-weight: 600\n letter-spacing: 20px\n position: absolute\n top: 0\n transform: translateX(-50%)\nh2\n color: #444 !important\n display: block\n font-size: 2em\n line-height: 30px\n margin: 0\n transform: translateY(-10px)\nbody\n margin: 0\n#app\n &::after\n background: black\n bottom: 0\n color: white\n content: \"CANS FOR OFFSITE CONSUMPTION ONLY, NO EXCEPTIONS\"\n display: block\n font-size: 40px\n left: 0\n position: absolute\n right: 0\n text-align: center\n\n.display\n h3\n color: black\n text-transform: uppercase\n font-size: 17px\n letter-spacing: 0\n margin: 0 0 6px\n #app\n justify-content: center\n header\n text-align: center\n article\n display: inline-block\n padding: 0\n position: relative\n text-align: center\n width: 350px\n &:nth-child(-n+5)\n margin-bottom: 0\n img\n height: auto\n transform: scale(1.1) translateY(-20px)\n width: 100%\n main\n text-align: center\n text-transform: uppercase\n\n.count-9,\n.count-10\n article\n padding: 0px 17px\n img\n transform: scale(1) translateY(-35px)\n\n.count-11,\n.count-12\n article\n width: 315px\n\n.count-7,\n.count-8\n article\n padding: 0px 85px\n width: 310px\n.count-5,\n.count-6\n article\n padding: 23px 159px\n.count-4\n article\n width: 23px 318px\n\n.kiosk .logo\n height: 102px\n position: absolute\n right: 100px\n top: 40px\n\n.price\n background: #00000094\n border-radius: 10px\n color: white\n font-size: 40px\n padding: 0 25px\n position: absolute\n font-weight: bold\n left: calc(50% - 76px)\n top: 25%\n width: 100px\n z-index: 1\n &:before\n content: '$'\n@keyframes fadeInOut\n 0%, 20%\n opacity: 1\n\n 22%, 50%, 98%\n opacity: 0\n\n$animation-duration: 60s\n\n.price\n // animation: fadeInOut #{$animation-duration} ease infinite\n top: 30%\n\n.prices\n color: #000\n font-size: 20px\n letter-spacing: 1px\n margin: 0\n .price-value\n &::before\n content: '$'\n\n.sold-out\n background: #ff000094\n border-radius: 10px\n color: white\n font-size: 40px\n padding: 0 25px\n position: absolute\n font-weight: bold\n left: calc(50% - 135px)\n width: 220px\n z-index: 1\n.sale\n background: #ffd500bf\n border-radius: 10px\n color: black\n font-size: 40px\n padding: 0 25px\n position: absolute\n font-weight: bold\n left: calc(50% - 87px)\n top: 28%\n z-index: 1\n &:before\n // content: '$'\n &:after\n animation: shockwave 3s .65s ease-out infinite\n content: \"30% off\"\n display: block\n font-size: 20px\n line-height: 5px\n padding-bottom: 15px\n text-transform: uppercase\n &:before\n animation: shockwave 3s .5s ease-out infinite\n\n@keyframes shockwaveJump\n 0%\n transform: scale(1)\n 80%\n transform: scale(1.08)\n 85%\n transform: scale(0.90)\n 90%\n transform: scale(1.02)\n 95%\n transform: scale(0.90)\n 100%\n transform: scale(1)\n\n\n////// Sports widget ////\n.sr-widget\n position: absolute\n left: 90px\n top: 50px\n width: 341px\n margin: 0 auto\n transform: scale(1.5)\n\n.sr-bb,\n.sr-bb .srt-base-1\n background: transparent !important\n\n.sr-error__message-wrapper,\n.sr-error__icon-wrapper\n display: none !important\n\n.percent-abv\n color: #555\n font-weight: normal\n &::after\n content: '%'"],"file":"display.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../_sass/cans.sass"],"names":[],"mappings":"AAAA,KACE,mBACA,+BACA,mBACA,kBACA,kBACF,MAEE,eACA,gBACA,yBACF,GACE,eACA,gBACA,oBACA,kBACA,MACA,2BACF,GACE,sBACA,cACA,cACA,iBACA,SACA,4BACF,KACE,SAEA,YACE,gBACA,SACA,WACA,2DACA,cACA,eACA,OACA,kBACA,QACA,kBAGF,YACE,WACA,yBACA,eACA,iBACA,eACF,cACE,uBACF,gBACE,kBACF,iBACE,qBACA,UACA,kBACA,kBACA,YACA,iCACE,gBACF,qBACE,YACA,uCACA,WACA,0BACE,kBACA,yBAIN,mCACE,iBACA,2CACE,qCAIJ,oCACE,YAIF,kCACE,iBACA,YAGF,kCACE,mBAEF,iBACE,iBAEJ,aACE,aACA,kBACA,YACA,SAEF,OACE,mCACA,mBACA,WACA,eACA,eACA,kBACA,iBACA,sBACA,QACA,YACA,UACA,cACE,YACJ,qBACE,OACE,UAEF,YACE,WAIJ,OAEE,QAEF,QACE,WACA,eACA,mBACA,SAEE,6BACE,YAEN,UACE,qCACA,mBACA,WACA,eACA,eACA,kBACA,iBACA,uBACA,YACA,UACF,MACE,uCACA,mBACA,WACA,eACA,eACA,kBACA,iBACA,uBACA,QACA,UAGA,YACE,8CACA,kBACA,cACA,eACA,gBACA,oBACA,yBACF,aACE,6CAEJ,yBACE,GACE,mBACF,IACE,sBACF,IACG,qBACH,IACE,sBACF,IACE,qBACF,KACE,oBAIJ,WACE,kBACA,UACA,SACA,YACA,cACA,qBAEF,0BAEE,oCAEF,mDAEE,wBAEF,aACE,WACA,mBACA,oBACE","sourcesContent":["html\n background: #f4fdff\n font-family: Poppins, sans-serif\n letter-spacing: 3px\n overflow-y: hidden\n overflow-x: hidden\nh1,\nh2\n display: inline\n line-height: 1em\n text-transform: uppercase\nh1\n font-size: 75px\n font-weight: 600\n letter-spacing: 20px\n position: absolute\n top: 0\n transform: translateX(-50%)\nh2\n color: #444 !important\n display: block\n font-size: 2em\n line-height: 30px\n margin: 0\n transform: translateY(-10px)\nbody\n margin: 0\n#app\n &::after\n background: black\n bottom: 0\n color: white\n content: \"CANS FOR OFFSITE CONSUMPTION ONLY, NO EXCEPTIONS\"\n display: block\n font-size: 40px\n left: 0\n position: absolute\n right: 0\n text-align: center\n\n.display\n h3\n color: black\n text-transform: uppercase\n font-size: 17px\n letter-spacing: 0\n margin: 0 0 6px\n #app\n justify-content: center\n header\n text-align: center\n article\n display: inline-block\n padding: 0\n position: relative\n text-align: center\n width: 350px\n &:nth-child(-n+5)\n margin-bottom: 0\n img\n height: auto\n transform: scale(1.1) translateY(-20px)\n width: 100%\n main\n text-align: center\n text-transform: uppercase\n\n.count-9,\n.count-10\n article\n padding: 0px 17px\n img\n transform: scale(1) translateY(-35px)\n\n.count-11,\n.count-12\n article\n width: 315px\n\n.count-7,\n.count-8\n article\n padding: 0px 85px\n width: 310px\n.count-5,\n.count-6\n article\n padding: 23px 159px\n.count-4\n article\n width: 23px 318px\n\n.kiosk .logo\n height: 102px\n position: absolute\n right: 100px\n top: 40px\n\n.price\n background: #00000094\n border-radius: 10px\n color: white\n font-size: 40px\n padding: 0 25px\n position: absolute\n font-weight: bold\n left: calc(50% - 76px)\n top: 25%\n width: 100px\n z-index: 1\n &:before\n content: '$'\n@keyframes fadeInOut\n 0%, 20%\n opacity: 1\n\n 22%, 50%, 98%\n opacity: 0\n\n$animation-duration: 60s\n\n.price\n // animation: fadeInOut #{$animation-duration} ease infinite\n top: 30%\n\n.prices\n color: #000\n font-size: 20px\n letter-spacing: 1px\n margin: 0\n .price-value\n &::before\n content: '$'\n\n.sold-out\n background: #ff000094\n border-radius: 10px\n color: white\n font-size: 40px\n padding: 0 25px\n position: absolute\n font-weight: bold\n left: calc(50% - 135px)\n width: 220px\n z-index: 1\n.sale\n background: #ffd500bf\n border-radius: 10px\n color: black\n font-size: 40px\n padding: 0 25px\n position: absolute\n font-weight: bold\n left: calc(50% - 112px)\n top: 28%\n z-index: 1\n &:before\n // content: '$'\n &:after\n animation: shockwave 3s .65s ease-out infinite\n content: \"30% off\"\n display: block\n font-size: 20px\n line-height: 5px\n padding-bottom: 15px\n text-transform: uppercase\n &:before\n animation: shockwave 3s .5s ease-out infinite\n\n@keyframes shockwaveJump\n 0%\n transform: scale(1)\n 80%\n transform: scale(1.08)\n 85%\n transform: scale(0.90)\n 90%\n transform: scale(1.02)\n 95%\n transform: scale(0.90)\n 100%\n transform: scale(1)\n\n\n////// Sports widget ////\n.sr-widget\n position: absolute\n left: 90px\n top: 50px\n width: 341px\n margin: 0 auto\n transform: scale(1.5)\n\n.sr-bb,\n.sr-bb .srt-base-1\n background: transparent !important\n\n.sr-error__message-wrapper,\n.sr-error__icon-wrapper\n display: none !important\n\n.percent-abv\n color: #555\n font-weight: normal\n &::after\n content: '%'"],"file":"display.css"} \ No newline at end of file diff --git a/timestamp.json b/timestamp.json index 83f8747..3927a75 100755 --- a/timestamp.json +++ b/timestamp.json @@ -1 +1 @@ -{"timestamp":"1732750065"} +{"timestamp":"1732750415"}