15 lines
18 KiB
HTML
15 lines
18 KiB
HTML
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>Kasm Workspaces</title><meta name="description" content="List of workspaces for Kasm Webspaces"/><link rel="icon" href="/favicon.ico"/><meta name="next-head-count" content="5"/><link rel="preload" href="/kasm-registry/1.0/_next/static/css/8f36639b4a8be593.css" as="style"/><link rel="stylesheet" href="/kasm-registry/1.0/_next/static/css/8f36639b4a8be593.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/kasm-registry/1.0/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/kasm-registry/1.0/_next/static/chunks/webpack-5709cd24de68af95.js" defer=""></script><script src="/kasm-registry/1.0/_next/static/chunks/framework-8c5acb0054140387.js" defer=""></script><script src="/kasm-registry/1.0/_next/static/chunks/main-1151a51edd942ed4.js" defer=""></script><script src="/kasm-registry/1.0/_next/static/chunks/pages/_app-4fbeef412948b70a.js" defer=""></script><script src="/kasm-registry/1.0/_next/static/chunks/484-ea12e2f7cb01c6ad.js" defer=""></script><script src="/kasm-registry/1.0/_next/static/chunks/pages/new/%5B%5B...workspace%5D%5D-b6c215a732a46f3d.js" defer=""></script><script src="/kasm-registry/1.0/_next/static/hFNOUoeK_xe0BuY84nVWE/_buildManifest.js" defer=""></script><script src="/kasm-registry/1.0/_next/static/hFNOUoeK_xe0BuY84nVWE/_ssgManifest.js" defer=""></script></head><body><div id="__next"><div class="flex flex-col min-h-screen"><header class="relative font-light overflow-hidden bg-gradient-to-tr from-[#162d48] to-[#2980b9] p-8 xl:px-32 text-white gap-5 md:gap-0 flex flex-wrap justify-center items-center"><ul class="bg-bubbles"><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ul><div class="relative z-10"><div class="text-3xl">Your Registry Name</div><div class="text-sm uppercase w-full flex justify-between"><span class="opacity-70">W</span><span class="opacity-70">o</span><span class="opacity-70">r</span><span class="opacity-70">k</span><span class="opacity-70">s</span><span class="opacity-70">p</span><span class="opacity-70">a</span><span class="opacity-70">c</span><span class="opacity-70">e</span><span> </span><span class="opacity-40">R</span><span class="opacity-40">e</span><span class="opacity-40">g</span><span class="opacity-40">i</span><span class="opacity-40">s</span><span class="opacity-40">t</span><span class="opacity-40">r</span><span class="opacity-40">y</span></div></div><nav class="relative z-10 mx-12"><a href="/kasm-registry/1.0/" class="p-4 inline-block rounded-full border border-solid border-transparent">Library</a><a class="p-4 inline-block rounded-full border border-solid bg-black/10 border-white/30" href="/kasm-registry/1.0/new/">New</a></nav><div class="grow flex justify-center relative z-10"><div class="bg-black/10 shadow border border-1 border-white/30 rounded flex w-full max-w-md"><input name="search" class="bg-transparent shadow-inner text-lg font-light w-full p-4 placeholder:text-white/40" placeholder="Search for workspace" type="text" value=""/></div></div><button class="p-4 relative z-10 px-5 bg-[#162d48]/70 border-t border-white/20 border-solid hover:bg-slate-900 transition shadow-lg m-2 rounded items-center text-white/70 flex cursor-pointer"><span class="mr-3">Workspace Registry Link</span><svg style="height:14px;fill:#fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M224 0c-35.3 0-64 28.7-64 64V288c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H224zM64 160c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H288c35.3 0 64-28.7 64-64V384H288v64H64V224h64V160H64z"></path></svg></button></header><main class="grow"><div class=""><div class="flex flex-col lg:flex-row w-full my-20 max-w-6xl text-sm rounded-xl overflow-hidden mx-auto"><div class="w-full lg:w-1/2 p-16 bg-slate-300"><h1 class="text-2xl font-medium mb-2">Add Workspace</h1><div class="flex flex-col"><p class="mb-8 opacity-70">This page is designed to allow admins to generate the JSON they need to upload to the "workspaces" directory. It also allows end users to see what settings are needed if they want to manually copy them into a new workspace.</p><label class="mb-2 font-medium">Icon</label><input type="file" name="icon" class="mb-2 p-2 rounded-lg bg-slate-100 border border-solid border-slate-400"/><p class="mb-6 opacity-70">Select the image to use, image will be renamed when it's downloaded.</p><label class="mb-2 font-medium">Friendly Name</label><input name="friendly_name" class="mb-2 p-2 rounded-lg bg-slate-100 border border-solid border-slate-400"/><p class="mb-6 opacity-70">This is the name that will show for users</p><label class="mb-2 font-medium">Categories</label><style data-emotion="css b62m3t-container">.css-b62m3t-container{position:relative;box-sizing:border-box;}</style><div class=" css-b62m3t-container"><style data-emotion="css 7pg0cj-a11yText">.css-7pg0cj-a11yText{z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap;}</style><span id="react-select-1-live-region" class="css-7pg0cj-a11yText"></span><span aria-live="polite" aria-atomic="false" aria-relevant="additions text" class="css-7pg0cj-a11yText"></span><style data-emotion="css 1bt4551-control">.css-1bt4551-control{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:hsl(0, 0%, 100%);border-color:#94a3b8;border-radius:0.5rem;border-style:solid;border-width:1px;cursor:default;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;min-height:38px;outline:0!important;position:relative;-webkit-transition:all 100ms;transition:all 100ms;box-sizing:border-box;background:#f1f5f9;}.css-1bt4551-control:hover{border-color:hsl(0, 0%, 70%);}</style><div class=" css-1bt4551-control"><style data-emotion="css 1d8n9bt">.css-1d8n9bt{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:grid;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:2px 8px;-webkit-overflow-scrolling:touch;position:relative;overflow:hidden;box-sizing:border-box;}</style><div class=" css-1d8n9bt"><style data-emotion="css 14el2xx-placeholder">.css-14el2xx-placeholder{color:hsl(0, 0%, 50%);grid-area:1/1/2/3;margin-left:2px;margin-right:2px;box-sizing:border-box;}</style><div class=" css-14el2xx-placeholder" id="react-select-1-placeholder">Select...</div><style data-emotion="css ackcql">.css-ackcql{margin:2px;padding-bottom:2px;padding-top:2px;visibility:visible;color:hsl(0, 0%, 20%);-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;display:inline-grid;grid-area:1/1/2/3;grid-template-columns:0 min-content;box-sizing:border-box;}.css-ackcql:after{content:attr(data-value) " ";visibility:hidden;white-space:pre;grid-area:1/2;font:inherit;min-width:2px;border:0;margin:0;outline:0;padding:0;}</style><div class=" css-ackcql" data-value=""><input class="" style="label:input;color:inherit;background:0;opacity:1;width:100%;grid-area:1 / 2;font:inherit;min-width:2px;border:0;margin:0;outline:0;padding:0" autoCapitalize="none" autoComplete="off" autoCorrect="off" id="react-select-1-input" spellcheck="false" tabindex="0" type="text" aria-autocomplete="list" aria-expanded="false" aria-haspopup="true" role="combobox" aria-describedby="react-select-1-placeholder" value=""/></div></div><style data-emotion="css 1wy0on6">.css-1wy0on6{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}</style><div class=" css-1wy0on6"><style data-emotion="css 1okebmr-indicatorSeparator">.css-1okebmr-indicatorSeparator{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;background-color:hsl(0, 0%, 80%);margin-bottom:8px;margin-top:8px;width:1px;box-sizing:border-box;}</style><span class=" css-1okebmr-indicatorSeparator"></span><style data-emotion="css tlfecz-indicatorContainer">.css-tlfecz-indicatorContainer{color:hsl(0, 0%, 80%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:8px;-webkit-transition:color 150ms;transition:color 150ms;box-sizing:border-box;}.css-tlfecz-indicatorContainer:hover{color:hsl(0, 0%, 60%);}</style><div class=" css-tlfecz-indicatorContainer" aria-hidden="true"><style data-emotion="css 8mmkcg">.css-8mmkcg{display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;}</style><svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="css-8mmkcg"><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg></div></div></div><div><input name="categories" type="hidden" value=""/></div></div><p class="mb-6 mt-2 opacity-70">You can select from the available option or create new ones.</p><label class="mb-2 font-medium">Description</label><input name="description" class="mb-2 p-2 rounded-lg bg-slate-100 border border-solid border-slate-400"/><p class="mb-6 opacity-70">A short description about the workspace</p><label class="mb-2 font-medium">Docker Image</label><input name="name" class="mb-2 p-2 rounded-lg bg-slate-100 border border-solid border-slate-400"/><p class="mb-6 opacity-70">The docker image to use, i.e. <code class="text-xs p-1 px-2 rounded bg-white/40">kasmweb/filezilla:develop</code></p><label class="mb-2 font-medium">Architecture</label><style data-emotion="css b62m3t-container">.css-b62m3t-container{position:relative;box-sizing:border-box;}</style><div class=" css-b62m3t-container"><style data-emotion="css 7pg0cj-a11yText">.css-7pg0cj-a11yText{z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap;}</style><span id="react-select-2-live-region" class="css-7pg0cj-a11yText"></span><span aria-live="polite" aria-atomic="false" aria-relevant="additions text" class="css-7pg0cj-a11yText"></span><style data-emotion="css 1bt4551-control">.css-1bt4551-control{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:hsl(0, 0%, 100%);border-color:#94a3b8;border-radius:0.5rem;border-style:solid;border-width:1px;cursor:default;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;min-height:38px;outline:0!important;position:relative;-webkit-transition:all 100ms;transition:all 100ms;box-sizing:border-box;background:#f1f5f9;}.css-1bt4551-control:hover{border-color:hsl(0, 0%, 70%);}</style><div class=" css-1bt4551-control"><style data-emotion="css 1d8n9bt">.css-1d8n9bt{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:grid;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:2px 8px;-webkit-overflow-scrolling:touch;position:relative;overflow:hidden;box-sizing:border-box;}</style><div class=" css-1d8n9bt"><style data-emotion="css 14el2xx-placeholder">.css-14el2xx-placeholder{color:hsl(0, 0%, 50%);grid-area:1/1/2/3;margin-left:2px;margin-right:2px;box-sizing:border-box;}</style><div class=" css-14el2xx-placeholder" id="react-select-2-placeholder">Select...</div><style data-emotion="css ackcql">.css-ackcql{margin:2px;padding-bottom:2px;padding-top:2px;visibility:visible;color:hsl(0, 0%, 20%);-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;display:inline-grid;grid-area:1/1/2/3;grid-template-columns:0 min-content;box-sizing:border-box;}.css-ackcql:after{content:attr(data-value) " ";visibility:hidden;white-space:pre;grid-area:1/2;font:inherit;min-width:2px;border:0;margin:0;outline:0;padding:0;}</style><div class=" css-ackcql" data-value=""><input class="" style="label:input;color:inherit;background:0;opacity:1;width:100%;grid-area:1 / 2;font:inherit;min-width:2px;border:0;margin:0;outline:0;padding:0" autoCapitalize="none" autoComplete="off" autoCorrect="off" id="react-select-2-input" spellcheck="false" tabindex="0" type="text" aria-autocomplete="list" aria-expanded="false" aria-haspopup="true" role="combobox" aria-describedby="react-select-2-placeholder" value=""/></div></div><style data-emotion="css 1wy0on6">.css-1wy0on6{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}</style><div class=" css-1wy0on6"><style data-emotion="css 1okebmr-indicatorSeparator">.css-1okebmr-indicatorSeparator{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;background-color:hsl(0, 0%, 80%);margin-bottom:8px;margin-top:8px;width:1px;box-sizing:border-box;}</style><span class=" css-1okebmr-indicatorSeparator"></span><style data-emotion="css tlfecz-indicatorContainer">.css-tlfecz-indicatorContainer{color:hsl(0, 0%, 80%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:8px;-webkit-transition:color 150ms;transition:color 150ms;box-sizing:border-box;}.css-tlfecz-indicatorContainer:hover{color:hsl(0, 0%, 60%);}</style><div class=" css-tlfecz-indicatorContainer" aria-hidden="true"><style data-emotion="css 8mmkcg">.css-8mmkcg{display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0;}</style><svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="css-8mmkcg"><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg></div></div></div><div><input name="architecture" type="hidden" value=""/></div></div><p class="mb-6 mt-2 opacity-70">You can select from the available option or create new ones.</p></div></div><div class="w-full lg:w-1/2 p-16 bg-slate-100"><div class="rounded-xl group w-full shadow max-w-xs relative overflow-hidden h-[100px] border border-solid flex flex-col justify-between bg-slate-300 border-slate-400/50"><div class="absolute top-0 left-0 right-0 h-[200px] transition-all"><div class="h-[100px] p-4 relative overflow-hidden cursor-pointer"><img class="h-[90px] group-hover:scale-150 transition-all absolute left-2 top-1"/><div class="flex-col pl-28"><div class="font-bold">Friendly Name</div><div class="text-xs mb-2 flex gap-2">Your Registry Name<!-- --> <span></span></div><div class=" h-8"></div></div><div class="absolute bottom-0 left-0 right-0 bg-slate-400/20 h-8 text-[10px] flex items-center justify-center"></div></div><div class="h-[100px] text-xs relative p-2 pl-4 flex"><button class="absolute right-2 top-2 bg-slate-100 rounded-full flex justify-center items-center h-6 w-6"><svg style="height:14px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z"></path></svg></button><div class="flex flex-col flex-grow"><div class="font-bold"></div> </div><div class="flex flex-col justify-end gap-1"><div class="text-xs text-color w-full p-4 py-1 rounded-lg bg-black/5 flex justify-center items-center">Edit</div><button class="text-xs w-full p-4 py-1 rounded-lg flex justify-center items-center bg-blue-500 font-bold text-white">Install</button></div></div></div></div><pre class="my-8 overflow-y-auto text-xs">{
|
||
"friendly_name": null,
|
||
"image_src": null,
|
||
"description": null,
|
||
"name": null,
|
||
"cores": 2,
|
||
"memory": 2768,
|
||
"gpu_count": 0,
|
||
"cpu_allocation_method": "Inherit",
|
||
"docker_registry": "https://index.docker.io/v1/",
|
||
"categories": [],
|
||
"require_gpu": false,
|
||
"enabled": true,
|
||
"image_type": "Container"
|
||
}</pre><button class="p-4 relative z-10 px-5 bg-cyan-700 border-t border-white/20 border-solid hover:bg-slate-900 transition m-2 rounded items-center text-white/70 flex cursor-pointer">Download</button></div></div></div></main><footer class="flex justify-center items-center p-5 bg-gradient-to-tr text-white/80 text-sm from-[#162d48] to-[#2980b9]">This registry is intended to work in conjuction with Kasm Workspaces. <a class="underline" href="https://kasmweb.com">Click here to find out about Kasm Workspaces</a></footer><div class="notification-container notification-container-empty"><div></div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"workspace":["a2FzbXdlYi9jaHJvbWl1bTpkZXZlbG9w"]},"__N_SSG":true},"page":"/new/[[...workspace]]","query":{"workspace":["a2FzbXdlYi9jaHJvbWl1bTpkZXZlbG9w"]},"buildId":"hFNOUoeK_xe0BuY84nVWE","assetPrefix":"/kasm-registry/1.0","isFallback":false,"gsp":true,"scriptLoader":[]}</script></body></html> |