{"id":13398063,"url":"https://github.com/c8r/lab-portfolio-kit","last_synced_at":"2025-04-12T00:55:07.832Z","repository":{"id":95427457,"uuid":"114425696","full_name":"c8r/lab-portfolio-kit","owner":"c8r","description":"UI components and templates for building a portfolio with Compositor Lab and Iso","archived":false,"fork":false,"pushed_at":"2018-01-07T22:10:15.000Z","size":271,"stargazers_count":58,"open_issues_count":1,"forks_count":3,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-04-12T00:55:01.193Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://compositor.io/lab","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/c8r.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-12-16T01:52:14.000Z","updated_at":"2024-05-12T21:08:36.000Z","dependencies_parsed_at":null,"dependency_job_id":"4725c9b4-5f37-44db-ad5e-f340e3d45c87","html_url":"https://github.com/c8r/lab-portfolio-kit","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/c8r%2Flab-portfolio-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/c8r%2Flab-portfolio-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/c8r%2Flab-portfolio-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/c8r%2Flab-portfolio-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/c8r","download_url":"https://codeload.github.com/c8r/lab-portfolio-kit/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248501880,"owners_count":21114683,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-07-30T18:02:04.752Z","updated_at":"2025-04-12T00:55:07.811Z","avatar_url":"https://github.com/c8r.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# Lab Portfolio Kit\n\n## What is this?\n\nA UI kit for building portfolios with [Lab](https://compositor.io/lab) and [Iso](https://compositor.io/iso). Contains components and templates that you can customize and extend. It's configuration based, so you can fill in your own content and make design tweaks without writing any code. For those that want to dive deeper, you still have granular control over the markup and styles. Will also hopefully serve as a set of useful patterns for using Lab and Iso together to design UI.\n\n\n![Templates](https://c8r.imgix.net/55dbc2bb77dfc76b86ed8c63/screens.jpg)\n\n### Includes Templates for \n\n- [Full Page Profile](https://hywwjnyalymhgwykzjhp.c8r.pub)\n- [404 page](https://tkxehokzqaydfajdabmx.c8r.pub)\n- [About page](https://vfxrzuqoiwylqxyinbsv.c8r.pub)\n- [Project / Case Study](https://labaketqlwbxgmnxmlhl.c8r.pub)\n- [Home page](https://kiagqwwioqumawzmaavg.c8r.pub)\n- [Photo page](https://iujerisjrtzimnyeekot.c8r.pub)\n- [Image Gallery](https://hipvmtmyyinebsujeuvn.c8r.pub)\n\nStyle Guide and Component Library\n[https://qpimodfhueiclzqysehs.c8r.pub](https://qpimodfhueiclzqysehs.c8r.pub)\n\n## Installation\n\nFirst clone the repo into a new project\n\n##### HTTPS\n```\ngit clone https://github.com/c8r/lab-portfolio-kit.git your-project\n```\n\n##### SSH\n```\ngit clone git@github.com:c8r/lab-portfolio-kit.git your-project\n```\n\nOpen Lab and go to File \u003e Open project...\n\n![Open a project in Lab](https://c8r.imgix.net/962c933490eb36b875da5000/open.png)\n\nThe ui elements will now be loaded in Lab. Feel free to edit and tweak their designs.\n\n![UI kit for Lab](https://c8r.imgix.net/213bc9b8c0b2ad6c821feeaf/lab-portfolio-kit.png?w=1920\u0026fit=clip)\n\nOpen Iso and navigate to the directory of your project. Open any of the .jsx files to edit or view the templates.\n\n### Configuration\n\n#### Site Header\nAccepts a uri for an image and an array of links\n```\navatar: \nlinks: \n  - href: \n    text: \n    title: \n  - href: \n    text: \n    title: \n```\n\n#### Page\nEach page has a title, subtitle, and text that can be inserted with front matter\n```\ntitle: \nsubtitle: \ntext: \n```\n\n#### Footer\nThe footer has a block of text, a copyright blurb, and a list of social links\n```\nfooterText: string\ncopyright: string\nfacebook: url\ntwitter: username\nproducthunt: url\npinterest: url\nsnapchat:url\ninstagram: username\ndribbble: username\nbehance: username\nsoundcloud: username\nyoutube: url\nvimeo: username\ngithub: username\nnpm: username\ncodepen: url\nstackoverflow: url\netsy: url\nkickstarter: url\n```\n\nPanels, Cards, and Tiles are made up: Title, Subtitle, Kicker, Text, and an Href. Panels also display a link text. Examples of their usage can be found in Index.jsx.\n\n#### Panels\n\n```\npanels: \n  - title: \n    subtitle: \n    kicker: \n    text: \n    src: \n    href: \n    linkText: \n```\n\n#### Cards\n\n```\ncards: \n  - title: \n    subtitle: \n    kicker: \n    text: \n    src: \n    href: \n```\n\n#### Tiles\n\n```\ntiles: \n  - title: \n    subtitle: \n    kicker: \n    text: \n    src: \n    href: \n```\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fc8r%2Flab-portfolio-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fc8r%2Flab-portfolio-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fc8r%2Flab-portfolio-kit/lists"}