Add links to editor and repo to gallery page

This commit is contained in:
Brian Beck 2024-10-30 12:53:13 -07:00
parent b14c0dadc4
commit 76c14b88e7
21 changed files with 62 additions and 20 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1 @@
self.__BUILD_MANIFEST=function(s){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[s,"static/chunks/e21e5bbe-b28e0079b469d4e8.js","static/chunks/ebc70433-4eccd1cb3af29a3e.js","static/chunks/6eb5140f-31a2b2da7903b885.js","static/chunks/85d7bc83-1ca530d7d3f44153.js","static/chunks/f580fadb-2911e2fbf64aae5a.js","static/chunks/515-13ff0773d41722ae.js","static/chunks/pages/index-04baed5701f37e03.js"],"/_error":["static/chunks/pages/_error-54b9fcf45cb5bc62.js"],"/gallery":[s,"static/chunks/737a5600-aea383aaa2061cc6.js","static/css/4d43ac65e204759a.css","static/chunks/pages/gallery-ad3dcd60b7898f40.js"],sortedPages:["/","/_app","/_error","/gallery"]}}("static/chunks/cb355538-dbf1c108320fc6a1.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,2 +1,2 @@
!function(){"use strict";var e,r,_,t,n,i,u,c={},o={};function __webpack_require__(e){var r=o[e];if(void 0!==r)return r.exports;var _=o[e]={exports:{}},t=!0;try{c[e].call(_.exports,_,_.exports,__webpack_require__),t=!1}finally{t&&delete o[e]}return _.exports}__webpack_require__.m=c,e=[],__webpack_require__.O=function(r,_,t,n){if(_){n=n||0;for(var i=e.length;i>0&&e[i-1][2]>n;i--)e[i]=e[i-1];e[i]=[_,t,n];return}for(var u=1/0,i=0;i<e.length;i++){for(var _=e[i][0],t=e[i][1],n=e[i][2],c=!0,o=0;o<_.length;o++)u>=n&&Object.keys(__webpack_require__.O).every(function(e){return __webpack_require__.O[e](_[o])})?_.splice(o--,1):(c=!1,n<u&&(u=n));if(c){e.splice(i--,1);var a=t()}}return a},__webpack_require__.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return __webpack_require__.d(r,{a:r}),r},__webpack_require__.d=function(e,r){for(var _ in r)__webpack_require__.o(r,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:r[_]})},__webpack_require__.f={},__webpack_require__.e=function(e){return Promise.all(Object.keys(__webpack_require__.f).reduce(function(r,_){return __webpack_require__.f[_](e,r),r},[]))},__webpack_require__.u=function(e){return"static/chunks/"+(737===e?"fb7d5399":e)+"."+({250:"10c119307e239c98",737:"bc4a70b34221e8c8",767:"0dd6b240996f3455",848:"fc0fe21cdc2e6431"})[e]+".js"},__webpack_require__.miniCssF=function(e){return"static/css/"+({214:"4697ac00fc8a3aa4",888:"481d64a53a5033ec"})[e]+".css"},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},r={},_="_N_E:",__webpack_require__.l=function(e,t,n,i){if(r[e]){r[e].push(t);return}if(void 0!==n)for(var u,c,o=document.getElementsByTagName("script"),a=0;a<o.length;a++){var p=o[a];if(p.getAttribute("src")==e||p.getAttribute("data-webpack")==_+n){u=p;break}}u||(c=!0,(u=document.createElement("script")).charset="utf-8",u.timeout=120,__webpack_require__.nc&&u.setAttribute("nonce",__webpack_require__.nc),u.setAttribute("data-webpack",_+n),u.src=__webpack_require__.tu(e)),r[e]=[t];var onScriptComplete=function(_,t){u.onerror=u.onload=null,clearTimeout(f);var n=r[e];if(delete r[e],u.parentNode&&u.parentNode.removeChild(u),n&&n.forEach(function(e){return e(t)}),_)return _(t)},f=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:u}),12e4);u.onerror=onScriptComplete.bind(null,u.onerror),u.onload=onScriptComplete.bind(null,u.onload),c&&document.head.appendChild(u)},__webpack_require__.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},__webpack_require__.tt=function(){return void 0===t&&(t={createScriptURL:function(e){return e}},"undefined"!=typeof trustedTypes&&trustedTypes.createPolicy&&(t=trustedTypes.createPolicy("nextjs#bundler",t))),t},__webpack_require__.tu=function(e){return __webpack_require__.tt().createScriptURL(e)},__webpack_require__.p="/t2-model-skinner/_next/",n={272:0},__webpack_require__.f.j=function(e,r){var _=__webpack_require__.o(n,e)?n[e]:void 0;if(0!==_){if(_)r.push(_[2]);else if(272!=e){var t=new Promise(function(r,t){_=n[e]=[r,t]});r.push(_[2]=t);var i=__webpack_require__.p+__webpack_require__.u(e),u=Error();__webpack_require__.l(i,function(r){if(__webpack_require__.o(n,e)&&(0!==(_=n[e])&&(n[e]=void 0),_)){var t=r&&("load"===r.type?"missing":r.type),i=r&&r.target&&r.target.src;u.message="Loading chunk "+e+" failed.\n("+t+": "+i+")",u.name="ChunkLoadError",u.type=t,u.request=i,_[1](u)}},"chunk-"+e,e)}else n[e]=0}},__webpack_require__.O.j=function(e){return 0===n[e]},i=function(e,r){var _,t,i=r[0],u=r[1],c=r[2],o=0;if(i.some(function(e){return 0!==n[e]})){for(_ in u)__webpack_require__.o(u,_)&&(__webpack_require__.m[_]=u[_]);if(c)var a=c(__webpack_require__)}for(e&&e(r);o<i.length;o++)t=i[o],__webpack_require__.o(n,t)&&n[t]&&n[t][0](),n[t]=0;return __webpack_require__.O(a)},(u=self.webpackChunk_N_E=self.webpackChunk_N_E||[]).forEach(i.bind(null,0)),u.push=i.bind(null,u.push.bind(u))}();
//# sourceMappingURL=webpack-4eece3d3d88a1b96.js.map
!function(){"use strict";var e,r,_,t,n,i,u,c={},o={};function __webpack_require__(e){var r=o[e];if(void 0!==r)return r.exports;var _=o[e]={exports:{}},t=!0;try{c[e].call(_.exports,_,_.exports,__webpack_require__),t=!1}finally{t&&delete o[e]}return _.exports}__webpack_require__.m=c,e=[],__webpack_require__.O=function(r,_,t,n){if(_){n=n||0;for(var i=e.length;i>0&&e[i-1][2]>n;i--)e[i]=e[i-1];e[i]=[_,t,n];return}for(var u=1/0,i=0;i<e.length;i++){for(var _=e[i][0],t=e[i][1],n=e[i][2],c=!0,o=0;o<_.length;o++)u>=n&&Object.keys(__webpack_require__.O).every(function(e){return __webpack_require__.O[e](_[o])})?_.splice(o--,1):(c=!1,n<u&&(u=n));if(c){e.splice(i--,1);var a=t()}}return a},__webpack_require__.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return __webpack_require__.d(r,{a:r}),r},__webpack_require__.d=function(e,r){for(var _ in r)__webpack_require__.o(r,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:r[_]})},__webpack_require__.f={},__webpack_require__.e=function(e){return Promise.all(Object.keys(__webpack_require__.f).reduce(function(r,_){return __webpack_require__.f[_](e,r),r},[]))},__webpack_require__.u=function(e){return"static/chunks/"+(737===e?"fb7d5399":e)+"."+({250:"10c119307e239c98",737:"bc4a70b34221e8c8",767:"0dd6b240996f3455",848:"fc0fe21cdc2e6431"})[e]+".js"},__webpack_require__.miniCssF=function(e){return"static/css/"+({214:"4d43ac65e204759a",888:"481d64a53a5033ec"})[e]+".css"},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},r={},_="_N_E:",__webpack_require__.l=function(e,t,n,i){if(r[e]){r[e].push(t);return}if(void 0!==n)for(var u,c,o=document.getElementsByTagName("script"),a=0;a<o.length;a++){var p=o[a];if(p.getAttribute("src")==e||p.getAttribute("data-webpack")==_+n){u=p;break}}u||(c=!0,(u=document.createElement("script")).charset="utf-8",u.timeout=120,__webpack_require__.nc&&u.setAttribute("nonce",__webpack_require__.nc),u.setAttribute("data-webpack",_+n),u.src=__webpack_require__.tu(e)),r[e]=[t];var onScriptComplete=function(_,t){u.onerror=u.onload=null,clearTimeout(b);var n=r[e];if(delete r[e],u.parentNode&&u.parentNode.removeChild(u),n&&n.forEach(function(e){return e(t)}),_)return _(t)},b=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:u}),12e4);u.onerror=onScriptComplete.bind(null,u.onerror),u.onload=onScriptComplete.bind(null,u.onload),c&&document.head.appendChild(u)},__webpack_require__.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},__webpack_require__.tt=function(){return void 0===t&&(t={createScriptURL:function(e){return e}},"undefined"!=typeof trustedTypes&&trustedTypes.createPolicy&&(t=trustedTypes.createPolicy("nextjs#bundler",t))),t},__webpack_require__.tu=function(e){return __webpack_require__.tt().createScriptURL(e)},__webpack_require__.p="/t2-model-skinner/_next/",n={272:0},__webpack_require__.f.j=function(e,r){var _=__webpack_require__.o(n,e)?n[e]:void 0;if(0!==_){if(_)r.push(_[2]);else if(272!=e){var t=new Promise(function(r,t){_=n[e]=[r,t]});r.push(_[2]=t);var i=__webpack_require__.p+__webpack_require__.u(e),u=Error();__webpack_require__.l(i,function(r){if(__webpack_require__.o(n,e)&&(0!==(_=n[e])&&(n[e]=void 0),_)){var t=r&&("load"===r.type?"missing":r.type),i=r&&r.target&&r.target.src;u.message="Loading chunk "+e+" failed.\n("+t+": "+i+")",u.name="ChunkLoadError",u.type=t,u.request=i,_[1](u)}},"chunk-"+e,e)}else n[e]=0}},__webpack_require__.O.j=function(e){return 0===n[e]},i=function(e,r){var _,t,i=r[0],u=r[1],c=r[2],o=0;if(i.some(function(e){return 0!==n[e]})){for(_ in u)__webpack_require__.o(u,_)&&(__webpack_require__.m[_]=u[_]);if(c)var a=c(__webpack_require__)}for(e&&e(r);o<i.length;o++)t=i[o],__webpack_require__.o(n,t)&&n[t]&&n[t][0](),n[t]=0;return __webpack_require__.O(a)},(u=self.webpackChunk_N_E=self.webpackChunk_N_E||[]).forEach(i.bind(null,0)),u.push=i.bind(null,u.push.bind(u))}();
//# sourceMappingURL=webpack-51aee25e4d98db98.js.map

View file

@ -1,2 +0,0 @@
.gallery_GalleryPage__QyCLn{flex-direction:column}.gallery_Tools__COicv{position:-webkit-sticky;position:sticky;top:0;flex:0 0 auto;padding:10px;text-align:center;background:rgba(0,0,0,.7);z-index:2}.gallery_Tools__COicv select:focus{outline:none;box-shadow:0 0 1px 1px rgba(0,0,0,.5),0 0 2px 3px #98ffd4}.gallery_Gallery__ZMJE_{flex:0 0 auto;display:grid;width:100%;background:#0c1f28;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.gallery_Skin__Ep_rb{position:relative;font-size:12px;text-align:center;overflow:hidden;padding-bottom:32px}.gallery_Preview__JGf2f{display:block;width:100%;height:auto}.gallery_Label__kJfDw{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:inline-block;white-space:nowrap;color:#fff;background:rgba(0,0,0,.5);padding:3px 10px;border-radius:9999px;opacity:.5}.gallery_Skin__Ep_rb:hover .gallery_Label__kJfDw{opacity:1}@keyframes gallery_spin__EVmH5{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.gallery_Spinner__9jTLL{flex:0 0 auto;margin:auto;font-size:64px;animation:gallery_spin__EVmH5 2s linear infinite}
/*# sourceMappingURL=4697ac00fc8a3aa4.css.map*/

View file

@ -1 +0,0 @@
{"version":3,"sources":["webpack://_N_E/src/pages/gallery.module.css"],"names":[],"mappings":"AAAA,4BACE,qBACF,CAEA,sBACE,uBAAgB,CAAhB,eAAgB,CAChB,KAAM,CACN,aAAc,CACd,YAAa,CACb,iBAAkB,CAClB,yBAA8B,CAC9B,SACF,CAEA,mCACE,YAAa,CACb,yDACF,CAEA,wBACE,aAAc,CACd,YAAa,CACb,UAAW,CACX,kBAA2B,CAC3B,wDACF,CAEA,qBACE,iBAAkB,CAClB,cAAe,CACf,iBAAkB,CAClB,eAAgB,CAChB,mBACF,CAEA,wBACE,aAAc,CACd,UAAW,CACX,WACF,CAEA,sBACE,iBAAkB,CAClB,WAAY,CACZ,QAAS,CACT,yBAA6B,CAC7B,oBAAqB,CACrB,kBAAmB,CACnB,UAAW,CACX,yBAA8B,CAC9B,gBAAiB,CACjB,oBAAqB,CACrB,UACF,CAEA,iDACE,SACF,CAEA,+BACE,GACE,sBACF,CAEA,GACE,uBACF,CACF,CAEA,wBACE,aAAc,CACd,WAAY,CACZ,cAAe,CACf,gDACF","file":"static/css/4697ac00fc8a3aa4.css","sourcesContent":[".GalleryPage {\n flex-direction: column;\n}\n\n.Tools {\n position: sticky;\n top: 0;\n flex: 0 0 auto;\n padding: 10px;\n text-align: center;\n background: rgba(0, 0, 0, 0.7);\n z-index: 2;\n}\n\n.Tools select:focus {\n outline: none;\n box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5), 0 0 2px 3px rgb(152, 255, 212);\n}\n\n.Gallery {\n flex: 0 0 auto;\n display: grid;\n width: 100%;\n background: rgb(12, 31, 40);\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n.Skin {\n position: relative;\n font-size: 12px;\n text-align: center;\n overflow: hidden;\n padding-bottom: 32px;\n}\n\n.Preview {\n display: block;\n width: 100%;\n height: auto;\n}\n\n.Label {\n position: absolute;\n bottom: 16px;\n left: 50%;\n transform: translate(-50%, 0);\n display: inline-block;\n white-space: nowrap;\n color: #fff;\n background: rgba(0, 0, 0, 0.5);\n padding: 3px 10px;\n border-radius: 9999px;\n opacity: 0.5;\n}\n\n.Skin:hover .Label {\n opacity: 1;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.Spinner {\n flex: 0 0 auto;\n margin: auto;\n font-size: 64px;\n animation: spin 2s linear infinite;\n}\n"],"sourceRoot":""}

View file

@ -0,0 +1,2 @@
.gallery_GalleryPage__QyCLn{flex-direction:column}.gallery_Tools__COicv{position:-webkit-sticky;position:sticky;top:0;flex:0 0 auto;padding:10px;text-align:center;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(0,0,0,.7);z-index:2}.gallery_Tools__COicv select:focus{outline:none;box-shadow:0 0 1px 1px rgba(0,0,0,.5),0 0 2px 3px #98ffd4}.gallery_Back__xvbOe{justify-self:start;display:inline-flex;align-items:center;gap:4px;color:#fff;text-decoration:none;font-size:14px}.gallery_IconLink__7NlBA{justify-self:end;display:grid;place-content:center;color:hsla(0,0%,100%,.3)}.gallery_IconLink__7NlBA:hover{color:#fff}.gallery_Gallery__ZMJE_{flex:0 0 auto;display:grid;width:100%;background:#0c1f28;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.gallery_Skin__Ep_rb{position:relative;font-size:12px;text-align:center;overflow:hidden;padding-bottom:32px}.gallery_Preview__JGf2f{display:block;width:100%;height:auto}.gallery_Name__W9Aoc{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:inline-block;white-space:nowrap;color:#fff;background:rgba(0,0,0,.5);padding:3px 10px;border-radius:9999px;opacity:.5}.gallery_Skin__Ep_rb:hover .gallery_Name__W9Aoc{opacity:1}@keyframes gallery_spin__EVmH5{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.gallery_Spinner__9jTLL{flex:0 0 auto;margin:auto;font-size:64px;animation:gallery_spin__EVmH5 2s linear infinite}@media (max-width:479px){.gallery_Back__xvbOe .gallery_Label__kJfDw{display:none}}
/*# sourceMappingURL=4d43ac65e204759a.css.map*/

View file

@ -0,0 +1 @@
{"version":3,"sources":["webpack://_N_E/src/pages/gallery.module.css"],"names":[],"mappings":"AAAA,4BACE,qBACF,CAEA,sBACE,uBAAgB,CAAhB,eAAgB,CAChB,KAAM,CACN,aAAc,CACd,YAAa,CACb,iBAAkB,CAClB,YAAa,CACb,kCAAmC,CACnC,kBAAmB,CACnB,yBAA8B,CAC9B,SACF,CAEA,mCACE,YAAa,CACb,yDACF,CAEA,qBACE,kBAAmB,CACnB,mBAAoB,CACpB,kBAAmB,CACnB,OAAQ,CACR,UAAW,CACX,oBAAqB,CACrB,cACF,CAEA,yBACE,gBAAiB,CACjB,YAAa,CACb,oBAAqB,CACrB,wBACF,CAEA,+BACE,UACF,CAEA,wBACE,aAAc,CACd,YAAa,CACb,UAAW,CACX,kBAA2B,CAC3B,wDACF,CAEA,qBACE,iBAAkB,CAClB,cAAe,CACf,iBAAkB,CAClB,eAAgB,CAChB,mBACF,CAEA,wBACE,aAAc,CACd,UAAW,CACX,WACF,CAEA,qBACE,iBAAkB,CAClB,WAAY,CACZ,QAAS,CACT,yBAA6B,CAC7B,oBAAqB,CACrB,kBAAmB,CACnB,UAAW,CACX,yBAA8B,CAC9B,gBAAiB,CACjB,oBAAqB,CACrB,UACF,CAEA,gDACE,SACF,CAEA,+BACE,GACE,sBACF,CAEA,GACE,uBACF,CACF,CAEA,wBACE,aAAc,CACd,WAAY,CACZ,cAAe,CACf,gDACF,CAEA,yBACE,2CACE,YACF,CACF","file":"static/css/4d43ac65e204759a.css","sourcesContent":[".GalleryPage {\n flex-direction: column;\n}\n\n.Tools {\n position: sticky;\n top: 0;\n flex: 0 0 auto;\n padding: 10px;\n text-align: center;\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n align-items: center;\n background: rgba(0, 0, 0, 0.7);\n z-index: 2;\n}\n\n.Tools select:focus {\n outline: none;\n box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5), 0 0 2px 3px rgb(152, 255, 212);\n}\n\n.Back {\n justify-self: start;\n display: inline-flex;\n align-items: center;\n gap: 4px;\n color: #fff;\n text-decoration: none;\n font-size: 14px;\n}\n\n.IconLink {\n justify-self: end;\n display: grid;\n place-content: center;\n color: rgba(255, 255, 255, 0.3);\n}\n\n.IconLink:hover {\n color: rgba(255, 255, 255, 1);\n}\n\n.Gallery {\n flex: 0 0 auto;\n display: grid;\n width: 100%;\n background: rgb(12, 31, 40);\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n.Skin {\n position: relative;\n font-size: 12px;\n text-align: center;\n overflow: hidden;\n padding-bottom: 32px;\n}\n\n.Preview {\n display: block;\n width: 100%;\n height: auto;\n}\n\n.Name {\n position: absolute;\n bottom: 16px;\n left: 50%;\n transform: translate(-50%, 0);\n display: inline-block;\n white-space: nowrap;\n color: #fff;\n background: rgba(0, 0, 0, 0.5);\n padding: 3px 10px;\n border-radius: 9999px;\n opacity: 0.5;\n}\n\n.Skin:hover .Name {\n opacity: 1;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n.Spinner {\n flex: 0 0 auto;\n margin: auto;\n font-size: 64px;\n animation: spin 2s linear infinite;\n}\n\n@media (max-width: 479px) {\n .Back .Label {\n display: none;\n }\n}\n"],"sourceRoot":""}

View file

@ -1 +0,0 @@
self.__BUILD_MANIFEST={__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":["static/chunks/e21e5bbe-b28e0079b469d4e8.js","static/chunks/ebc70433-4eccd1cb3af29a3e.js","static/chunks/6eb5140f-31a2b2da7903b885.js","static/chunks/85d7bc83-1ca530d7d3f44153.js","static/chunks/cb355538-dbf1c108320fc6a1.js","static/chunks/f580fadb-2911e2fbf64aae5a.js","static/chunks/515-13ff0773d41722ae.js","static/chunks/pages/index-4a042b7c8f13e6fa.js"],"/_error":["static/chunks/pages/_error-54b9fcf45cb5bc62.js"],"/gallery":["static/chunks/737a5600-aea383aaa2061cc6.js","static/css/4697ac00fc8a3aa4.css","static/chunks/pages/gallery-6fd10c3c09064b0b.js"],sortedPages:["/","/_app","/_error","/gallery"]},self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -8,6 +8,9 @@
flex: 0 0 auto;
padding: 10px;
text-align: center;
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
background: rgba(0, 0, 0, 0.7);
z-index: 2;
}
@ -17,6 +20,27 @@
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5), 0 0 2px 3px rgb(152, 255, 212);
}
.Back {
justify-self: start;
display: inline-flex;
align-items: center;
gap: 4px;
color: #fff;
text-decoration: none;
font-size: 14px;
}
.IconLink {
justify-self: end;
display: grid;
place-content: center;
color: rgba(255, 255, 255, 0.3);
}
.IconLink:hover {
color: rgba(255, 255, 255, 1);
}
.Gallery {
flex: 0 0 auto;
display: grid;
@ -39,7 +63,7 @@
height: auto;
}
.Label {
.Name {
position: absolute;
bottom: 16px;
left: 50%;
@ -53,7 +77,7 @@
opacity: 0.5;
}
.Skin:hover .Label {
.Skin:hover .Name {
opacity: 1;
}
@ -73,3 +97,9 @@
font-size: 64px;
animation: spin 2s linear infinite;
}
@media (max-width: 479px) {
.Back .Label {
display: none;
}
}

View file

@ -1,8 +1,10 @@
import { useState } from "react";
import { CgSpinnerTwo } from "react-icons/cg";
import { FaChevronLeft, FaGithub } from "react-icons/fa";
import useManifest from "../useManifest";
import styles from "./gallery.module.css";
import Head from "next/head";
import Link from "next/link";
const baseManifestPath = `https://exogen.github.io/t2-skins`;
const emptySkins: string[] = [];
@ -20,6 +22,10 @@ export default function GalleryPage() {
</Head>
<main className={styles.GalleryPage}>
<div className={styles.Tools}>
<Link className={styles.Back} href="../">
<FaChevronLeft size={12} className={styles.Icon} />{" "}
<span className={styles.Label}>Back to Editor</span>
</Link>
<select
tabIndex={0}
id="ModelSelect"
@ -39,6 +45,12 @@ export default function GalleryPage() {
<option value="mbioderm">Bioderm &middot; Medium</option>
<option value="hbioderm">Bioderm &middot; Heavy</option>
</select>
<a
href="https://github.com/exogen/t2-model-skinner"
className={styles.IconLink}
>
<FaGithub size={32} />
</a>
</div>
{isLoaded ? (
<div className={styles.Gallery}>
@ -55,7 +67,7 @@ export default function GalleryPage() {
height={800}
alt={name}
/>
<div className={styles.Label}>{name}</div>
<div className={styles.Name}>{name}</div>
</div>
);
})}