[ { "path": ".gitattributes", "content": "# Auto detect text files and perform LF normalization\n* text=auto\n*.svg linguist-detectable\n" }, { "path": ".github/FUNDING.yml", "content": "# These are supported funding model platforms\n\ngithub: [tandpfun]\npatreon: # Replace with a single Patreon username\nopen_collective: # Replace with a single Open Collective username\nko_fi: thijsdev\ntidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel\ncommunity_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry\nliberapay: # Replace with a single Liberapay username\nissuehunt: # Replace with a single IssueHunt username\nlfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry\npolar: # Replace with a single Polar username\nbuy_me_a_coffee: # Replace with a single Buy Me a Coffee username\ncustom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']\n" }, { "path": ".github/ISSUE_TEMPLATE/bug-report.yml", "content": "name: πŸ› Bug Report\ntitle: '[BUG REPORT] Bug'\ndescription: A bug in the API or elsewhere\nlabels: 'bug report'\nbody:\n\n- type: input\n id: bug\n attributes:\n label: The bug\n description: \"A complete of what the bug is\"\n validations:\n required: true\n \n- type: input\n id: steps\n attributes:\n label: Steps to reproduce\n description: \"What'd you do to make the bug happen?\"\n placeholder: \"1. Request API...\"\n validations:\n required: false\n \n- type: input\n id: extra\n attributes:\n label: Any extra info\n validations:\n required: false\n" }, { "path": ".github/ISSUE_TEMPLATE/feature-request.yml", "content": "name: πŸ’‘ Feature Request\ntitle: '[FEATURE REQUEST] Feature'\ndescription: Request a feature with the API\nlabels: 'feature request'\nbody:\n\n# skill name block\n- type: input\n id: request\n attributes:\n label: Feature requested\n description: \"The feature you're requesting. Should have to do with the API.\"\n placeholder: \"Add this endpoint because...\"\n validations:\n required: true\n" }, { "path": ".github/ISSUE_TEMPLATE/suggest-icon.yml", "content": "name: πŸš€ Suggest an Icon\ntitle: '[NEW ICON] Skill Name'\ndescription: Suggest an icon to be added to the list!\nlabels: 'icon suggestion'\nbody:\n\n# skill name block\n- type: input\n id: skill-name\n attributes:\n label: Skill Name\n description: \"The name of the skill you're suggesting. Feel free to suggest more than one!\"\n placeholder: \"VS Code\"\n validations:\n required: true\n\n# reason to add block\n- type: textarea\n id: reason\n attributes:\n label: Why?\n description: \"Why we should add the skill(s) to the project.\"\n placeholder: \"It's popular for web development...\"\n validations:\n required: true\n\n# reference image block\n- type: textarea\n id: reference-image\n attributes:\n label: Reference Image\n description: \"Do you have any images of what the logo looks like? SVG preferred.\"\n placeholder: \"Feel free to drag and drop the files here.\"\n validations:\n required: false\n" }, { "path": ".github/workflows/wrangler-action.yml", "content": "name: Deploy\n\non:\n push:\n branches:\n - main\n\njobs:\n deploy:\n runs-on: ubuntu-latest\n name: Deploy\n steps:\n - uses: actions/checkout@v2\n\n - name: Set up Node.js\n uses: actions/setup-node@v1\n with:\n node-version: 16\n\n - name: build\n run: yarn build\n\n - name: Publish\n uses: cloudflare/wrangler-action@1.3.0\n with:\n apiToken: ${{ secrets.CF_API_TOKEN }}\n" }, { "path": ".gitignore", "content": "# Logs\nlogs\n*.log\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\nlerna-debug.log*\n.pnpm-debug.log*\n\n# Diagnostic reports (https://nodejs.org/api/report.html)\nreport.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json\n\n# Runtime data\npids\n*.pid\n*.seed\n*.pid.lock\n\n# Directory for instrumented libs generated by jscoverage/JSCover\nlib-cov\n\n# Coverage directory used by tools like istanbul\ncoverage\n*.lcov\n\n# nyc test coverage\n.nyc_output\n\n# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)\n.grunt\n\n# Bower dependency directory (https://bower.io/)\nbower_components\n\n# node-waf configuration\n.lock-wscript\n\n# Compiled binary addons (https://nodejs.org/api/addons.html)\nbuild/Release\n\n# Dependency directories\nnode_modules/\njspm_packages/\n\n# Snowpack dependency directory (https://snowpack.dev/)\nweb_modules/\n\n# TypeScript cache\n*.tsbuildinfo\n\n# Optional npm cache directory\n.npm\n\n# Optional eslint cache\n.eslintcache\n\n# Optional stylelint cache\n.stylelintcache\n\n# Microbundle cache\n.rpt2_cache/\n.rts2_cache_cjs/\n.rts2_cache_es/\n.rts2_cache_umd/\n\n# Optional REPL history\n.node_repl_history\n\n# Output of 'npm pack'\n*.tgz\n\n# Yarn Integrity file\n.yarn-integrity\n\n# dotenv environment variable files\n.env\n.env.development.local\n.env.test.local\n.env.production.local\n.env.local\n\n# parcel-bundler cache (https://parceljs.org/)\n.cache\n.parcel-cache\n\n# Next.js build output\n.next\nout\n\n# Nuxt.js build / generate output\n.nuxt\ndist\n\n# Gatsby files\n.cache/\n# Comment in the public line in if your project uses Gatsby and not Next.js\n# https://nextjs.org/blog/next-9-1#public-directory-support\n# public\n\n# vuepress build output\n.vuepress/dist\n\n# vuepress v2.x temp and cache directory\n.temp\n.cache\n\n# Serverless directories\n.serverless/\n\n# FuseBox cache\n.fusebox/\n\n# DynamoDB Local files\n.dynamodb/\n\n# TernJS port file\n.tern-port\n\n# Stores VSCode versions used for testing VSCode extensions\n.vscode-test\n\n# yarn v2\n.yarn/cache\n.yarn/unplugged\n.yarn/build-state.yml\n.yarn/install-state.gz\n.pnp.*\n\n# Cloudflare Worker\nworker/" }, { "path": ".prettierignore", "content": "icons/" }, { "path": ".prettierrc", "content": "{\n \"singleQuote\": true,\n \"arrowParens\": \"avoid\",\n \"semi\": true,\n \"tabWidth\": 2\n}\n" }, { "path": "LICENSE", "content": "MIT License\n\nCopyright (c) 2022 tandpfun\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "build.js", "content": "const fs = require('fs');\n\nconst iconsDir = fs.readdirSync('./icons');\nconst icons = {};\nfor (const icon of iconsDir) {\n const name = icon.replace('.svg', '').toLowerCase();\n icons[name] = String(fs.readFileSync(`./icons/${icon}`));\n}\n\nif (!fs.existsSync('./dist')) fs.mkdirSync('./dist');\nfs.writeFileSync('./dist/icons.json', JSON.stringify(icons));\n" }, { "path": "index.js", "content": "const icons = require('./dist/icons.json');\nconst iconNameList = [...new Set(Object.keys(icons).map(i => i.split('-')[0]))];\nconst shortNames = {\n js: 'javascript',\n ts: 'typescript',\n py: 'python',\n tailwind: 'tailwindcss',\n vue: 'vuejs',\n nuxt: 'nuxtjs',\n go: 'golang',\n cf: 'cloudflare',\n wasm: 'webassembly',\n postgres: 'postgresql',\n k8s: 'kubernetes',\n next: 'nextjs',\n mongo: 'mongodb',\n md: 'markdown',\n ps: 'photoshop',\n ai: 'illustrator',\n pr: 'premiere',\n ae: 'aftereffects',\n scss: 'sass',\n sc: 'scala',\n net: 'dotnet',\n gatsbyjs: 'gatsby',\n gql: 'graphql',\n vlang: 'v',\n amazonwebservices: 'aws',\n bots: 'discordbots',\n express: 'expressjs',\n googlecloud: 'gcp',\n mui: 'materialui',\n windi: 'windicss',\n unreal: 'unrealengine',\n nest: 'nestjs',\n ktorio: 'ktor',\n pwsh: 'powershell',\n au: 'audition',\n rollup: 'rollupjs',\n rxjs: 'reactivex',\n rxjava: 'reactivex',\n ghactions: 'githubactions',\n sklearn: 'scikitlearn',\n};\nconst themedIcons = [\n ...Object.keys(icons)\n .filter(i => i.includes('-light') || i.includes('-dark'))\n .map(i => i.split('-')[0]),\n];\n\nconst ICONS_PER_LINE = 15;\nconst ONE_ICON = 48;\nconst SCALE = ONE_ICON / (300 - 44);\n\nfunction generateSvg(iconNames, perLine) {\n const iconSvgList = iconNames.map(i => icons[i]);\n\n const length = Math.min(perLine * 300, iconNames.length * 300) - 44;\n const height = Math.ceil(iconSvgList.length / perLine) * 300 - 44;\n const scaledHeight = height * SCALE;\n const scaledWidth = length * SCALE;\n\n return `\n \n ${iconSvgList\n .map(\n (i, index) =>\n `\n \n ${i}\n \n `\n )\n .join(' ')}\n \n `;\n}\n\nfunction parseShortNames(names, theme = 'dark') {\n return names.map(name => {\n if (iconNameList.includes(name))\n return name + (themedIcons.includes(name) ? `-${theme}` : '');\n else if (name in shortNames)\n return (\n shortNames[name] +\n (themedIcons.includes(shortNames[name]) ? `-${theme}` : '')\n );\n });\n}\n\nasync function handleRequest(request) {\n const { pathname, searchParams } = new URL(request.url);\n\n const path = pathname.replace(/^\\/|\\/$/g, '');\n\n if (path === 'icons') {\n const iconParam = searchParams.get('i') || searchParams.get('icons');\n if (!iconParam)\n return new Response(\"You didn't specify any icons!\", { status: 400 });\n const theme = searchParams.get('t') || searchParams.get('theme');\n if (theme && theme !== 'dark' && theme !== 'light')\n return new Response('Theme must be either \"light\" or \"dark\"', {\n status: 400,\n });\n const perLine = searchParams.get('perline') || ICONS_PER_LINE;\n if (isNaN(perLine) || perLine < -1 || perLine > 50)\n return new Response('Icons per line must be a number between 1 and 50', {\n status: 400,\n });\n\n let iconShortNames = [];\n if (iconParam === 'all') iconShortNames = iconNameList;\n else iconShortNames = iconParam.split(',');\n\n const iconNames = parseShortNames(iconShortNames, theme || undefined);\n if (!iconNames)\n return new Response(\"You didn't format the icons param correctly!\", {\n status: 400,\n });\n\n const svg = generateSvg(iconNames, perLine);\n\n return new Response(svg, { headers: { 'Content-Type': 'image/svg+xml' } });\n } else if (path === 'api/icons') {\n return new Response(JSON.stringify(iconNameList), {\n headers: {\n 'content-type': 'application/json;charset=UTF-8',\n },\n });\n } else if (path === 'api/svgs') {\n return new Response(JSON.stringify(icons), {\n headers: {\n 'content-type': 'application/json;charset=UTF-8',\n },\n });\n } else {\n return fetch(request);\n }\n}\n\naddEventListener('fetch', event => {\n event.respondWith(\n handleRequest(event.request).catch(\n err => new Response(err.stack, { status: 500 })\n )\n );\n});\n" }, { "path": "package.json", "content": "{\n\t\"name\": \"skill-icons\",\n\t\"version\": \"1.0.0\",\n\t\"main\": \"index.js\",\n\t\"license\": \"MIT\",\n\t\"scripts\": {\n\t\t\"dev\": \"node build.js && miniflare --watch\",\n\t\t\"build\": \"node build.js\",\n\t\t\"deploy\": \"node build.js && wrangler publish\"\n\t},\n\t\"devDependencies\": {\n\t\t\"@cloudflare/wrangler\": \"^1.19.8\",\n\t\t\"miniflare\": \"^2.3.0\",\n\t\t\"prettier\": \"^2.5.1\"\n\t}\n}\n" }, { "path": "readme.md", "content": "

\n

\n

Showcase your skills on your GitHub or resumΓ© with ease!

\n
\n\n

Powered by Cloudflare Workers ⚑

\n\n

NOTE: To keep icons consistent and to ensure browser support, we don't accept pull requests for icon submissions. If you would like an icon added, please open an issue.

\n\n# Docs\n\n- [Example](#example)\n- [Specifying Icons](#specifying-icons)\n- [Themed Icons](#themed-icons)\n- [Icons Per Line](#icons-per-line)\n- [Centering Icons](#centering-icons)\n- [Icons List](#icons-list)\n\n# Example\n\n

\n

\n\n# Specifying Icons\n\nCopy and paste the code block below into your readme to add the skills icon element!\n\nChange the `?i=js,html,css` to a list of your skills separated by \",\"s! You can find a full list of icons [here](#icons-list).\n\n```md\n[![My Skills](https://skillicons.dev/icons?i=js,html,css,wasm)](https://skillicons.dev)\n```\n\n[![My Skills](https://skillicons.dev/icons?i=js,html,css,wasm)](https://skillicons.dev)\n\n# Themed Icons\n\nSome icons have a dark and light themed background. You can specify which theme you want as a url parameter.\n\nThis is optional. The default theme is dark.\n\nChange the `&theme=light` to either `dark` or `light`. The theme is the background color, so light theme has a white icon background, and dark has a black-ish.\n\n**Light Theme Example:**\n\n```md\n[![My Skills](https://skillicons.dev/icons?i=java,kotlin,nodejs,figma&theme=light)](https://skillicons.dev)\n```\n\n[![My Skills](https://skillicons.dev/icons?i=java,kotlin,nodejs,figma&theme=light)](https://skillicons.dev)\n\n# Icons Per Line\n\nYou can specify how many icons you would like per line! It's an optional argument, and the default is 15.\n\nChange the `&perline=3` to any number between 1 and 50.\n\n```md\n[![My Skills](https://skillicons.dev/icons?i=aws,gcp,azure,react,vue,flutter&perline=3)](https://skillicons.dev)\n```\n\n[![My Skills](https://skillicons.dev/icons?i=aws,gcp,azure,react,vue,flutter&perline=3)](https://skillicons.dev)\n\n# Centering Icons\n\nWant to center the icons in your readme? The SVGs are automatically resized, so you can do it the same way you'd normally center an image.\n\n```html\n

\n \n \n \n

\n```\n\n

\n \n \n \n

\n\n# Icons List\n\nHere's a list of all the icons currently supported. Feel free to open an issue to suggest icons to add!\n\n| Icon ID | Icon |\n| :----------------: | :---------------------------------------------------: |\n| `ableton` | |\n| `activitypub` | |\n| `actix` | |\n| `adonis` | |\n| `ae` | |\n| `aiscript` | |\n| `alpinejs` | |\n| `anaconda` | |\n| `androidstudio` | |\n| `angular` | |\n| `ansible` | |\n| `apollo` | |\n| `apple` | |\n| `appwrite` | |\n| `arch` | |\n| `arduino` | |\n| `astro` | |\n| `atom` | |\n| `au` | |\n| `autocad` | |\n| `aws` | |\n| `azul` | |\n| `azure` | |\n| `babel` | |\n| `bash` | |\n| `bevy` | |\n| `bitbucket` | |\n| `blender` | |\n| `bootstrap` | |\n| `bsd` | |\n| `bun` | |\n| `c` | |\n| `cs` | |\n| `cpp` | |\n| `crystal` | |\n| `cassandra` | |\n| `clion` | |\n| `clojure` | |\n| `cloudflare` | |\n| `cmake` | |\n| `codepen` | |\n| `coffeescript` | |\n| `css` | |\n| `cypress` | |\n| `d3` | |\n| `dart` | |\n| `debian` | |\n| `deno` | |\n| `devto` | |\n| `discord` | |\n| `bots` | |\n| `discordjs` | |\n| `django` | |\n| `docker` | |\n| `dotnet` | |\n| `dynamodb` | |\n| `eclipse` | |\n| `elasticsearch` | |\n| `electron` | |\n| `elixir` | |\n| `elysia` | |\n| `emacs` | |\n| `ember` | |\n| `emotion` | |\n| `express` | |\n| `fastapi` | |\n| `fediverse` | |\n| `figma` | |\n| `firebase` | |\n| `flask` | |\n| `flutter` | |\n| `forth` | |\n| `fortran` | |\n| `gamemakerstudio` | |\n| `gatsby` | |\n| `gcp` | |\n| `git` | |\n| `github` | |\n| `githubactions` | |\n| `gitlab` | |\n| `gmail` | |\n| `gherkin` | |\n| `go` | |\n| `gradle` | |\n| `godot` | |\n| `grafana` | |\n| `graphql` | |\n| `gtk` | |\n| `gulp` | |\n| `haskell` | |\n| `haxe` | |\n| `haxeflixel` | |\n| `heroku` | |\n| `hibernate` | |\n| `html` | |\n| `htmx` | |\n| `idea` | |\n| `ai` | |\n| `instagram` | |\n| `ipfs` | |\n| `java` | |\n| `js` | |\n| `jenkins` | |\n| `jest` | |\n| `jquery` | |\n| `kafka` | |\n| `kali` | |\n| `kotlin` | |\n| `ktor` | |\n| `kubernetes` | |\n| `laravel` | |\n| `latex` | |\n| `less` | |\n| `linkedin` | |\n| `linux` | |\n| `lit` | |\n| `lua` | |\n| `md` | |\n| `mastodon` | |\n| `materialui` | |\n| `matlab` | |\n| `maven` | |\n| `mint` | |\n| `misskey` | |\n| `mongodb` | |\n| `mysql` | |\n| `neovim` | |\n| `nestjs` | |\n| `netlify` | |\n| `nextjs` | |\n| `nginx` | |\n| `nim` | |\n| `nix` | |\n| `nodejs` | |\n| `notion` | |\n| `npm` | |\n| `nuxtjs` | |\n| `obsidian` | |\n| `ocaml` | |\n| `octave` | |\n| `opencv` | |\n| `openshift` | |\n| `openstack` | |\n| `p5js` | |\n| `perl` | |\n| `ps` | |\n| `php` | |\n| `phpstorm` | |\n| `pinia` | |\n| `pkl` | |\n| `plan9` | |\n| `planetscale` | |\n| `pnpm` | |\n| `postgres` | |\n| `postman` | |\n| `powershell` | |\n| `pr` | |\n| `prisma` | |\n| `processing` | |\n| `prometheus` | |\n| `pug` | |\n| `pycharm` | |\n| `py` | |\n| `pytorch` | |\n| `qt` | |\n| `r` | |\n| `rabbitmq` | |\n| `rails` | |\n| `raspberrypi` | |\n| `react` | |\n| `reactivex` | |\n| `redhat` | |\n| `redis` | |\n| `redux` | |\n| `regex` | |\n| `remix` | |\n| `replit` | |\n| `rider` | |\n| `robloxstudio` | |\n| `rocket` | |\n| `rollupjs` | |\n| `ros` | |\n| `ruby` | |\n| `rust` | |\n| `sass` | |\n| `spring` | |\n| `sqlite` | |\n| `stackoverflow` | |\n| `styledcomponents` | |\n| `sublime` | |\n| `supabase` | |\n| `scala` | |\n| `sklearn` | |\n| `selenium` | |\n| `sentry` | |\n| `sequelize` | |\n| `sketchup` | |\n| `solidity` | |\n| `solidjs` | |\n| `svelte` | |\n| `svg` | |\n| `swift` | |\n| `symfony` | |\n| `tailwind` | |\n| `tauri` | |\n| `tensorflow` | |\n| `terraform` | |\n| `threejs` | |\n| `twitter` | |\n| `ts` | |\n| `ubuntu` | |\n| `unity` | |\n| `unreal` | |\n| `v` | |\n| `vala` | |\n| `vercel` | |\n| `vim` | |\n| `visualstudio` | |\n| `vite` | |\n| `vitest` | |\n| `vscode` | |\n| `vscodium` | |\n| `vue` | |\n| `vuetify` | |\n| `wasm` | |\n| `webflow` | |\n| `webpack` | |\n| `webstorm` | |\n| `windicss` | |\n| `windows` | |\n| `wordpress` | |\n| `workers` | |\n| `xd` | |\n| `yarn` | |\n| `yew` | |\n| `zig` | |\n\n---\n\n## πŸ’– Support the Project\n\nThank you so much already for using my projects! If you want to go a step further and support my open source work, buy me a coffee:\n\nBuy Me a Coffee at ko-fi.com\n\nTo support the project directly, feel free to open issues for icon suggestions, or contribute with a pull request!\n" }, { "path": "wrangler.toml", "content": "name = \"skill-icons\"\ntype = \"webpack\"\nroute = ''\nzone_id = ''\nusage_model = ''\ncompatibility_flags = []\nworkers_dev = true\ncompatibility_date = \"2022-03-02\"" } ]