adelorenzo/workspaces_registry_template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Workspace count

Browse Source 
change gradient color
add footer
This commit is contained in:
Chris Hunt 2023-02-15 10:24:54 +00:00
parent 5d09790329
commit 4aa0bf7c5d
No known key found for this signature in database
8 changed files with 333 additions and 1456 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1761
processing/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

4
site/components/footer.js
View File

@ -1,5 +1,7 @@
export default function Footer() {
return (
<footer></footer>
<footer className="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.&nbsp;<a className="underline" href="https://kasmweb.com">Click here to find out about Kasm Workspaces</a>
</footer>
)
}

4
site/components/header.js
View File

@ -18,7 +18,7 @@ export default function Header({ searchText, changeSearch }) {
const router = useRouter();
return (
<header className="relative font-light overflow-hidden bg-gradient-to-tr from-slate-900 to-cyan-800 p-8 xl:px-32 text-white gap-5 md:gap-0 flex flex-wrap justify-center items-center">
<header className="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">
<Bubbles />
<div className='relative z-10'>
<div className="text-3xl">{process.env.name}</div>
@ -61,7 +61,7 @@ export default function Header({ searchText, changeSearch }) {
</div>
</div>
<button className='p-4 relative z-10 px-5 bg-cyan-700 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' onClick={() => { copyToClipboard() }}>
<button className='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' onClick={() => { copyToClipboard() }}>
<span className="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" /></svg>
</button>

6
site/components/layout.js
View File

@ -7,11 +7,11 @@ import { NotificationContainer } from 'react-notifications';
export default function Layout({ children, searchText, changeSearch }) {
return (
<>
<div className='flex flex-col min-h-screen'>
<Header searchText={searchText} changeSearch={changeSearch} />
<main>{children}</main>
<main className="grow">{children}</main>
<Footer />
<NotificationContainer/>
</>
</div>
)
}

4
site/pages/index.js
View File

@ -39,8 +39,8 @@ export default function Home({ searchText }) {
</Head>
<main className="p-20">
<h1 className='flex text-2xl justify-center mb-10'>Workspaces: <span className=''>{workspaces && workspaces.workspacecount}</span></h1>
<main className="p-8 py-10 xl:px-20">
<h1 className='flex uppercase tracking-widest justify-center mb-10'><span className='flex items-center text-lg bg-slate-100/90 rounded overflow-hidden shadow'><span className='flex px-3 text-xs opacity-100'>Workspaces</span> <span className='text-white p-3 py-1 flex bg-[#2980b9]'>{workspaces && workspaces.workspacecount}</span></span></h1>
<div className="flex flex-wrap gap-1 justify-center">
{filteredworkspaces && filteredworkspaces.length > 0 && filteredworkspaces.map(function (workspace, i) {
return <Workspace key={workspace.sha} workspace={workspace} />

2
site/public/list.json
View File

@ -1 +1 @@
{"appcount":1,"apps":[{"name":"Chromium","icon":"chromium.png","description":"Chromium is a free and open-source browser, primarily developed and maintained by Google.","image":"kasmweb/chromium:develop","cores":2,"memory":2768,"gpu_count":0,"cpu_allocation":"inherit","docker_registry":"https://index.docker.io/v1/","volume_mappings":{},"config_override":{"hostname":"kasm"},"exec_config":{"go":{"cmd":"bash -c '/dockerstartup/custom_startup.sh --go --url \"$KASM_URL\"'"},"assign":{"cmd":"bash -c '/dockerstartup/custom_startup.sh --assign --url \"$KASM_URL\"'"}},"categories":["Browser"],"sha":"13126dde5f5338398a728debe459dd1106548aef"}]}
{"workspacecount":1,"workspaces":[{"name":"Chromium","icon":"chromium.png","description":"Chromium is a free and open-source browser, primarily developed and maintained by Google.","image":"kasmweb/chromium:develop","cores":2,"memory":2768,"gpu_count":0,"cpu_allocation":"inherit","docker_registry":"https://index.docker.io/v1/","volume_mappings":{},"config_override":{"hostname":"kasm"},"exec_config":{"go":{"cmd":"bash -c '/dockerstartup/custom_startup.sh --go --url \"$KASM_URL\"'"},"assign":{"cmd":"bash -c '/dockerstartup/custom_startup.sh --assign --url \"$KASM_URL\"'"}},"categories":["Browser"],"sha":"13126dde5f5338398a728debe459dd1106548aef"}]}

4
site/styles/globals.css
View File

@ -5,8 +5,8 @@
@tailwind utilities;
body {
@apply bg-gradient-to-tr from-slate-500 to-slate-300 min-h-[100vh] text-slate-700;
font-family: 'Roboto', sans-serif;
@apply bg-gradient-to-tr from-slate-300 to-slate-300 min-h-screen text-slate-700;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: 400;
}

4
site/yarn.lock
View File

@ -1179,7 +1179,7 @@ eslint-plugin-react@^7.31.7:
array.prototype.flatmap "^1.3.0"
doctrine "^2.1.0"
estraverse "^5.3.0"
jsx-ast-utils "^2.4.1||^3.0.0"
jsx-ast-utils "^2.4.1 || ^3.0.0"
minimatch "^3.1.2"
object.entries "^1.1.5"
object.fromentries "^2.0.5"
@ -1842,7 +1842,7 @@ loose-envify@^1.1.0, loose-envify@^1.4.0:
resolved "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz"
integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
dependencies:
js-tokens "^3.0.0||^4.0.0"
js-tokens "^3.0.0 || ^4.0.0"
lru-cache@^6.0.0:
version "6.0.0"