UNPKG

cratedigger

Version:

3D vinyl records exploration & crate digging experience, using WebGL with Three.js

github.com/risq/cratedigger.js

risq/cratedigger.js

1 lines • 5.97 kB
1
{"version":3,"sources":["styles/cratedigger.less","index.css","styles/main.less"],"names":[],"mappings":"AAQA,aAiBA,qBCxBA,KDDA,KA4BI,OAAA,KEpBA,MAAA,KFgCJ,0BAoCA,eAII,YAAA,IEzDA,eAAA,UFfJ,aE6BA,UACI,sBAAA,KDrCJ,KDDA,KAGI,SAAA,OACA,OAAA,EACA,YAAA,WAAA,WAGJ,aAGI,SAAA,SAEA,oBAAA,KACA,iBAAA,KACA,gBAAA,KACA,YAAA,KACA,SAAA,OAGJ,gCACI,OAAA,iBACA,OAAA,cAGJ,qBACI,iBAAA,KACA,QAAA,GAGA,WAAA,QAAA,GAGJ,kBACI,iBAAA,kBACA,QAAA,EACA,QAAA,MACA,WAAA,QAAA,IAGJ,0BACI,MAAA,QACA,UAAA,KACA,YAAA,KAKJ,2BACI,MAAA,QACA,UAAA,KACA,YAAA,IAGJ,0BACI,QAAA,aACA,MAAA,MACA,OAAA,MACA,gBAAA,MACA,kBAAA,UACA,oBAAA,OAAA,OACA,OAAA,KAAA,EAAA,KAGJ,gBACI,QAAA,MACA,MAAA,KACA,OAAA,KAGJ,iBACI,QAAA,WACA,eAAA,OACA,WAAA,OAGJ,eACI,MAAA,QACA,UAAA,KACA,YAAA,KE/EJ,YACI,SAAA,SACA,QAAA,EACA,iBAAA,kBACA,MAAA,EACA,OAAA,EACA,KAAA,EACA,OAAA,KACA,MAAA,KACA,QAAA,MACA,MAAA,KACA,SAAA,OACA,WAAA,IAAA,IAAA,YACA,aAAA,MAGJ,mBACI,OAAA,MAGJ,6BACI,QAAA,WACA,WAAA,OACA,eAAA,UACA,YAAA,KACA,UAAA,KACA,WAAA,IAAA,KAAA,YACA,SAAA,OACA,MAAA,KACA,OAAA,QAGJ,mCACI,iBAAA,KACA,MAAA,KAGJ,UAEI,oBAAA,KACA,mBAAA,KACA,iBAAA,KACA,gBAAA,KACA,YAAA","file":"index.css","sourcesContent":["html, body {\n height: 100%;\n width: 100%;\n overflow: hidden;\n margin: 0;\n font-family: 'Montserrat', sans-serif;\n}\n\n#cratedigger {\n width: 100%;\n height: 100%;\n position: relative;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n overflow: hidden;\n}\n\n#cratedigger-canvas canvas.grab {\n cursor:-webkit-grabbing;\n cursor:-moz-grabbing\n}\n\n#cratedigger-loading {\n background-color: #111111;\n z-index: 10;\n height: 100%;\n width: 100%;\n transition: opacity 1s;\n}\n\n#cratedigger-info {\n background-color: rgba(17, 17, 17, 0.9);\n z-index: 5;\n display: block;\n transition: opacity 0.6s;\n}\n\n#cratedigger-record-title {\n color: #fefefe;\n font-size: 40px;\n line-height: 45px;\n font-weight: 700;\n text-transform: uppercase;\n}\n\n#cratedigger-record-artist {\n color: #fefefe;\n font-size: 26px;\n font-weight: 700;\n}\n\n#cratedigger-record-cover {\n display: inline-block;\n width: 400px;\n height: 400px;\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center center;\n margin: 25px 0 50px;\n}\n\n.info-container {\n display: table;\n width: 100%;\n height: 100%;\n}\n\n.vertical-center {\n display: table-cell;\n vertical-align: middle;\n text-align: center;\n}\n\n.loading-label {\n color: #fefefe;\n font-size: 50px;\n line-height: 50px;\n font-weight: 700;\n text-transform: uppercase;\n}","html,\nbody {\n height: 100%;\n width: 100%;\n overflow: hidden;\n margin: 0;\n font-family: 'Montserrat', sans-serif;\n}\n#cratedigger {\n width: 100%;\n height: 100%;\n position: relative;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n overflow: hidden;\n}\n#cratedigger-canvas canvas.grab {\n cursor: -webkit-grabbing;\n cursor: -moz-grabbing;\n}\n#cratedigger-loading {\n background-color: #111111;\n z-index: 10;\n height: 100%;\n width: 100%;\n transition: opacity 1s;\n}\n#cratedigger-info {\n background-color: rgba(17, 17, 17, 0.9);\n z-index: 5;\n display: block;\n transition: opacity 0.6s;\n}\n#cratedigger-record-title {\n color: #fefefe;\n font-size: 40px;\n line-height: 45px;\n font-weight: 700;\n text-transform: uppercase;\n}\n#cratedigger-record-artist {\n color: #fefefe;\n font-size: 26px;\n font-weight: 700;\n}\n#cratedigger-record-cover {\n display: inline-block;\n width: 400px;\n height: 400px;\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center center;\n margin: 25px 0 50px;\n}\n.info-container {\n display: table;\n width: 100%;\n height: 100%;\n}\n.vertical-center {\n display: table-cell;\n vertical-align: middle;\n text-align: center;\n}\n.loading-label {\n color: #fefefe;\n font-size: 50px;\n line-height: 50px;\n font-weight: 700;\n text-transform: uppercase;\n}\n#bottom-bar {\n position: absolute;\n z-index: 8;\n background-color: rgba(17, 17, 17, 0.5);\n right: 0;\n bottom: 0;\n left: 0;\n height: 60px;\n width: 100%;\n display: table;\n color: #fff;\n overflow: hidden;\n transition: all 0.3s ease-in-out;\n table-layout: fixed;\n}\n#bottom-bar.closed {\n bottom: -60px;\n}\n#bottom-bar .bottom-bar-item {\n display: table-cell;\n text-align: center;\n text-transform: uppercase;\n line-height: 60px;\n font-size: 30px;\n transition: all 0.15s ease-in-out;\n overflow: hidden;\n color: #fff;\n cursor: pointer;\n}\n#bottom-bar .bottom-bar-item:hover {\n background-color: #fff;\n color: #111;\n}\n.noselect {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n","#bottom-bar {\n position: absolute;\n z-index: 8;\n background-color: rgba(17, 17, 17, 0.5);\n right: 0;\n bottom: 0;\n left: 0;\n height: 60px;\n width: 100%;\n display: table;\n color: #fff;\n overflow: hidden;\n transition: all 0.3s ease-in-out;\n table-layout: fixed;\n}\n\n#bottom-bar.closed {\n bottom: -60px;\n}\n\n#bottom-bar .bottom-bar-item {\n display: table-cell;\n text-align: center;\n text-transform: uppercase;\n line-height: 60px;\n font-size: 30px;\n transition: all 0.15s ease-in-out;\n overflow: hidden;\n color: #fff;\n cursor: pointer;\n}\n\n#bottom-bar .bottom-bar-item:hover {\n background-color: #fff;\n color: #111;\n}\n\n.noselect {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}"],"sourceRoot":"/source/"}