{"id":19647603,"url":"https://github.com/fklc/.dev","last_synced_at":"2026-06-10T03:31:32.481Z","repository":{"id":114025826,"uuid":"204634173","full_name":"FKLC/.dev","owner":"FKLC","description":"Same as https://github.com/FKLC/nodeless-gitfolio repo. Just to keep it untouched","archived":false,"fork":false,"pushed_at":"2024-02-28T02:00:19.000Z","size":33,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-09T22:19:47.392Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://fklc.dev","language":"JavaScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/FKLC.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-08-27T06:23:55.000Z","updated_at":"2023-11-30T02:58:09.000Z","dependencies_parsed_at":"2024-11-11T14:44:41.559Z","dependency_job_id":"dc24c7dc-6198-49d6-912c-98caca5214da","html_url":"https://github.com/FKLC/.dev","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/FKLC%2F.dev","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FKLC%2F.dev/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FKLC%2F.dev/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/FKLC%2F.dev/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/FKLC","download_url":"https://codeload.github.com/FKLC/.dev/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240954549,"owners_count":19884197,"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-11-11T14:44:35.914Z","updated_at":"2026-06-10T03:31:32.466Z","avatar_url":"https://github.com/FKLC.png","language":"JavaScript","funding_links":["https://www.buymeacoffee.com/imfunniee"],"categories":[],"sub_categories":[],"readme":"## Purpose of fork\n\nGitfolio needs to install Node and I've just uninstalled it but I wanted to use gitfolio so here is my implementation of gitfolio. To use this you can just fork and publish at Github Pages and you are ready to go!\n\n### Changes\n\n- Removed jQuery\n- Removed Loading Spinner\n- Removed Blog Section (It can be achieved without Node but I'm not going to write posts so I removed blog)\n- Removed Service Worker Because For Some Reason It Didn't Worked As I expected.\n- Changed Background Image To Use [Unsplash Source](https://source.unsplash.com/)\n\n### How it works\n\nIt uses Github's search API to get your forked and own repos and just renders them. I'm really bad at JS but I added comments on code to explain code.\n\n\u003cimg src=\"https://i.imgur.com/eA6clZr.png\"\u003e\n\n# Gitfolio [![Tweet](https://img.shields.io/twitter/url/https/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=personal%20website%20and%20a%20blog%20for%20every%20github%20user%20\u0026url=https://github.com/imfunniee/gitfolio) ![GitHub release](https://img.shields.io/github/release/imfunniee/gitfolio.svg?style=popout-square) ![npm](https://img.shields.io/npm/dm/gitfolio.svg?style=popout-square) ![GitHub top language](https://img.shields.io/github/languages/top/imfunniee/gitfolio.svg?style=popout-square) ![GitHub last commit](https://img.shields.io/github/last-commit/imfunniee/gitfolio.svg?style=popout-square) ![GitHub](https://img.shields.io/github/license/imfunniee/gitfolio.svg?style=popout-square)\n\n### personal website + blog for every github user\n\nGitfolio will help you get started with a portfolio website where you could showcase your work + a blog that will help you spread your ideas into real world.\n\nCheck out this [live demo](https://imfunniee.github.io/gitfolio/) to see gitfolio in action.\n\n# Getting Started\n\n### Let's Install\n\nInstall gitfolio\n\n```sh\nnpm i gitfolio -g\n```\n\n### Let's Build\n\n```sh\ngitfolio build \u003cusername\u003e\n```\n\n`\u003cusername\u003e` is your username on github. This will build your website using your GitHub username and put it in the `/dist` folder.\n\nTo run your website use `run` command (please refrain from using this for now)\n\n```sh\ngitfolio run\n```\n\n🎉 Congrats, you just made yourself a personal website!\n\n### Let's Customize\n\n#### Forks\n\nTo include forks on your personal website just provide `-f` or `--fork` argument while building\n\n```sh\n$ gitfolio build \u003cusername\u003e -f\n```\n\n#### Sorting Repos\n\nTo sort repos provide `--sort [sortBy]` argument while building. Where `[sortBy]` can be `star`, `created`, `updated`, `pushed`,`full_name`. Default: `created`\n\n```sh\n$ gitfolio build \u003cusername\u003e --sort star\n```\n\n#### Ordering Repos\n\nTo order the sorted repos provide `--order [orderBy]` argument while building. Where `[orderBy]` can be `asc` or `desc`. Default: `asc`\n\n```sh\n$ gitfolio build \u003cusername\u003e --sort star --order desc\n```\n\n#### Customize Themes\n\nThemes are specified using the `--theme [theme-name]` flag when running the `build` command. The available themes are\n\n- `light`\n- `dark`\n  \u003e TODO: Add more themes\n\nFor example, the following command will build the website with the dark theme\n\n```sh\n$ gitfolio build \u003cusername\u003e --theme dark\n```\n\n#### Customize background image\n\nTo customize the background image just provide `--background [url]` argument while building\n\n```sh\n$ gitfolio build \u003cusername\u003e --background https://images.unsplash.com/photo-1557277770-baf0ca74f908?w=1634\n```\n\nYou could also add in your custom CSS inside `index.css` to give it a more personal feel.\n\n### Let's Publish\n\nHead over to GitHub and create a new repository named `username.github.io`, where username is your username. Push the files inside`/dist` folder to repo you just created.\n\nGo To `username.github.io` your site should be up!!\n\n### Updating\n\nTo update your info, simply run\n\n```sh\n$ gitfolio update\n```\n\nThis will update your info and your repository info.\n\nTo Update background or theme you need to run `build` command again.\n\n### Add a Blog\n\nTo add your first blog run this command.\n\n```sh\n$ gitfolio blog my-first-blog\n```\n\n\u003e (use \"-\" instead of spaces)\n\nThis will create a `my-first-blog` folder inside `blog`. Inside `my-first-blog` you will find an `index.html` file which contains all the necessary elements for writing a blog. Customize the content of the file to write your first blog.\n\nThis also adds content to `blog.json` file. This file helps in showcasing your blogs on your personal website as [cards](https://imfunniee.github.io/gitfolio/#blog_section). You could customize the JSON object that corresponds your current blog.\n\nBlog Demo? [here](https://imfunniee.github.io/gitfolio/blog/my-first-post/)\n\nDefault JSON Format\n\n```\n{\n  \"url_title\": \"my-first-blog\", // the title you provide while creating a new blog, this appears in url\n  \"title\": \"Lorem ipsum dolor sit amet\", // main title of blog\n  \"sub_title\": \"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\", // sub-title of blog\n  \"top_image\": \"https://images.unsplash.com/photo-1553748024-d1b27fb3f960?w=1450\", // main image of blog\n  \"visible\": true // don't worry about this\n}\n```\n\nMore Arguments for Blog\n\n```\n--subtitle [subtitle] : gives blog a subtitle (Default : 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.')\n--pagetitle [pagetitle] : gives blog page a title\n--folder [folder] : give folder a title\n```\n\n\u003e (use \"-\" instead of spaces)\n\n## Support\n\nLoved My Work? Keep me awake at night by buying me a Coffee ☕\n\n\u003ca href=\"https://www.buymeacoffee.com/imfunniee\" target=\"_blank\"\u003e\u003cimg src=\"https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png\" alt=\"Buy Me A Coffee\" style=\"height: auto !important;width: auto !important;\"\u003e\u003c/a\u003e\n\n## License\n\n![GitHub](https://img.shields.io/github/license/imfunniee/gitfolio.svg?style=popout-square)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffklc%2F.dev","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffklc%2F.dev","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffklc%2F.dev/lists"}