{"id":25626875,"url":"https://github.com/w3teal/11micro","last_synced_at":"2026-05-12T23:32:30.544Z","repository":{"id":276450592,"uuid":"928283389","full_name":"w3teal/11micro","owner":"w3teal","description":"Link in bio/\"Linktree\" that is truly yours, created statically + Feeds for Mastodon \u0026 Bluesky by @LIGMATV","archived":false,"fork":false,"pushed_at":"2025-02-17T10:40:16.000Z","size":2733,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-11-12T23:03:32.638Z","etag":null,"topics":["11ty-starter","giscus","link-in-bio","linktree-alternative","website-template"],"latest_commit_sha":null,"homepage":"https://11micro.vercel.app","language":"Nunjucks","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"agpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/w3teal.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":"2025-02-06T11:30:25.000Z","updated_at":"2025-02-23T05:41:11.000Z","dependencies_parsed_at":"2025-02-21T23:12:00.789Z","dependency_job_id":null,"html_url":"https://github.com/w3teal/11micro","commit_stats":null,"previous_names":["ligmatv/11micro","w3teal/11micro"],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/w3teal/11micro","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/w3teal%2F11micro","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/w3teal%2F11micro/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/w3teal%2F11micro/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/w3teal%2F11micro/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/w3teal","download_url":"https://codeload.github.com/w3teal/11micro/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/w3teal%2F11micro/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32961756,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-12T23:30:32.555Z","status":"ssl_error","status_checked_at":"2026-05-12T23:30:18.191Z","response_time":102,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["11ty-starter","giscus","link-in-bio","linktree-alternative","website-template"],"created_at":"2025-02-22T17:31:45.169Z","updated_at":"2026-05-12T23:32:30.525Z","avatar_url":"https://github.com/w3teal.png","language":"Nunjucks","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 11micro\n\n**Live example: https://11micro.vercel.app/**  \nLink in bio/digital identity that is truly yours, created statically + Feeds for Mastodon \u0026 Bluesky\n\n## Features\n - Create instant notes or long-form metadatas\n - All components collapsible and anchored\n - Lightweight and fast\n - SVG-powered icons with Simple Icons\n - Featured/big links\n - Customizable, the code and styling is truly yours!\n - Feeds for Mastodon and Bluesky\n\n## What?\n\nIt's like Linktree, you can add links and small notes but in specified quantities and customizations. The design is really inspired by Gravatar and Omg.lol. It's not have an really big button for each link, instead it's look like an neatly arranged list with icons.  \nIt's have multiple profiles ability like in Linktree, to configure them you can create an new file in `profiles` like `new.md` and in `_data` is `new.yaml`.\n\n**But why use YAML and don't use JSON under hood?** It's make anyone easier to understanding on add data, also YAML supporting multiline code which is used in Notes. The code is neatly arranged and not confusing, without a GUI, almost anyone can understand a code layout like this. To make this YAML data works, we using `js-yaml` package.\n\n## Profiles\n\nTo create a profile in index.html, you can built a file `profiles/index.md` with this content:\n```md\n---\npermalink: /index.html\ndata: foobar\n---\n```\nYou can edit the `data` value to the configuration file name you created. Like `_data/foobar.yaml`, so the `data` value is `foobar`.\n\n## Configuration\n\nAfter create profile like `profiles/index.md`, later you need to edit the configuration file (`_data/foobar.yaml`).\n\n### Site configuration\n\n\n```yaml\n# Site configuration\nlang: en\nfavicon: \"/favicon.svg\"\nrepo: \"https://github.com/LIGMATV/11micro\"\nprimary: \"#ff6363\"\nsecondary: \"#8163ff\"\n```\n\n### Basic biodata\n\u003cimg src=\"public/1.png\" width=\"250\" align=\"right\"\u003e\n\n```yaml\ntitle: \"Foo Bar\"\npronouns: \"they/them\"\nbadges:\n    pledge:\n        title: \"People Pledge\"\n        img: \"/people_pledge.svg\"\n        url: \"https://people.pledge.party/\"\nbio: \"I'm foo bar, I'm not real, I'm just a placeholder. Sad, right?\"\n```\nNote that the social links here is from `items.social`.\n\n### Notes\n\u003cimg src=\"public/2.png\" width=\"300\" align=\"right\"\u003e\n\n```yaml\n# Notes (Markdown supported!)\nnotes:\n    metadatas:\n        title: \"Metadatas\"\n        content: |-\n            - 💼 Unemployment\n            - 🗺️ 110.232.83.115\n    alittleaboutme:\n        title: \"A little about me\"\n        content: |-\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. **Already scared?!**\n            # Facts 💯💯 (just trust it)\n            - 💻 I'm **not alive**. \n            - 🏫 I'm wake up _just when_ you see this.\n```\n\n### Items\n\u003cimg src=\"public/3.png\" width=\"350\" align=\"right\"\u003e\n\n```yaml\n# Link items\nitems:\n    social:\n        title: Social\n        github:\n            title: \"@foobar\"\n            url: https://github.com/foobar\n        linkedin:\n            title: \"@foobar\"\n            url: \"https://www.linkedin.com/in/foobar\"\n            # Source: https://cdn.jsdelivr.net/npm/simple-icons@13.21.0/icons/linkedin.svg\n            customIcon: \"\u003csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'\u003e\u003ctitle\u003eLinkedIn\u003c/title\u003e\u003cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/\u003e\u003c/svg\u003e\"\n        mastodon: \n            title: \"@foobar@mastodon.social\"\n            url: https://mastodon.social/@foobar\n        bluesky: \n            title: \"@foobar.bsky.social\"\n            url: https://bsky.app/profile/foobar.bsky.socia\n    other:\n        title: Other social\n        gitlab:\n            title: \"@foobar\"\n            url: \"https://gitlab.com/foobar\"\n        x:\n            title: \"@foobar\"\n            url: \"https://x.com/foobar\"\n```\nAll the link items are have `rel=\"me\"` attribute, so you can easily verify your links.\n\n### Featured links\n\u003cimg src=\"public/4.png\" width=\"200\" align=\"right\"\u003e\n\n```yaml\n# Featured links\nfeatured:\n    foobar:\n        title: Foo Bar\n        11ty-beer:\n            cover: \"/personal-info.svg\"\n            title: \"Free Personal Infos\"\n            summary: \"I got it from Facebook, including your birthday even though your friends don't know it. Cool, right?\"\n            url: \"https://github.com/facebook/hhvm\"\n        boredown:\n            cover: \"/hacking.jpg\"\n            title: \"Hacking service\"\n            summary: \"I have hacking service, atleast for your school computers.\"\n            url: \"https://undraw.co/\"\n```\n\n### Feeds\n\u003cimg src=\"public/6.png\" width=\"200\" align=\"right\"\u003e\n\u003cimg src=\"public/5.png\" width=\"200\" align=\"right\"\u003e\n\n```yaml\n# Feeds\nmastodon:\n    instance: \"https://mastodon.social\"\n    id: \"13179\"\n    username: \"Mastodon\"\nbluesky:\n    username: \"bsky.app\"\n```\n\nPowered by [`@idotj/mastodon-embed-timeline`](https://gitlab.com/idotj/mastodon-embed-timeline) and [`bsky-embed`](https://github.com/Vincenius/bsky-embed). To add the Mastodon feed, you can [learn more here](https://dev.to/ligmatv/how-to-embed-your-mastodon-profile-478d).\n\n\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\n\n## Deploy\n\n### Vercel\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FLIGMATV%2F11micro)\n\n### GitHub Pages\n\n1. On the repository, click \"Settings\" tab.  \n   ![1](https://github.com/user-attachments/assets/3b4064c6-e154-4bde-9c00-8c3dd3b9aa99)\n   \n2. On the Settings, click \"Pages\" tab at sidebar.  \n   ![2](https://github.com/user-attachments/assets/505dd38b-f530-49c3-bcf6-fe3cf988c65b)\n   \n3. Under the \"Build and deployment\", Click the \"Deploy from a branch\" and select \"GitHub Actions\".  \n   ![3](https://github.com/user-attachments/assets/405f4c31-c790-41ae-8dc1-bb77ab97f396)\n   ![4](https://github.com/user-attachments/assets/2c55c56a-f434-4dae-8aa9-95fe3f0b60b4)\n   \n4. Click \"create your own\"  \n   ![5](https://github.com/user-attachments/assets/0b874afb-df57-4386-81d6-a0cf93bf6362)\n   \n5. Fill the file name \"`build-11ty.yml`\"  \n   ![6](https://github.com/user-attachments/assets/766a574e-bea7-4dfa-a6d5-8aa5fe7de2c2)\n   \n6. Fill the content with this code: (Source: https://github.com/11ty/eleventy/discussions/1455#discussioncomment-6894194)  \n   ```yaml\n   name: build 11ty site\n\n   on:\n     push:\n       branches: [\"main\"]\n   \n   permissions:\n     contents: read\n     pages: write\n     id-token: write\n   \n   concurrency:\n     group: \"pages\"\n     cancel-in-progress: false\n   \n   jobs:\n   \n     build:\n       runs-on: ubuntu-latest\n       steps:\n         - uses: actions/checkout@v3\n         - uses: actions/setup-node@v3\n         - name: Install dependencies \u0026 build\n           run: |\n             npm install\n             npx @11ty/eleventy\n         - uses: actions/upload-pages-artifact@v2\n   \n     deploy:\n       runs-on: ubuntu-latest\n       needs: build\n       steps:\n         - id: deployment\n           uses: actions/deploy-pages@v2\n       environment:\n         name: github-pages\n         url: ${{ steps.deployment.outputs.page_url }}\n    ```\n\n7. Commit the changes and the build will get started.\n\n## Dependencies\n\n- [@11ty/eleventy](https://www.npmjs.com/package/@11ty/eleventy)\n- [@idotj/mastodon-embed-timeline](https://www.npmjs.com/package/@idotj/mastodon-embed-timeline)\n- [bsky-embed](https://www.npmjs.com/package/bsky-embed)\n- [eleventy-plugin-icons](https://www.npmjs.com/package/eleventy-plugin-icons)\n- [js-yaml](https://www.npmjs.com/package/js-yaml)\n- [simple-icons](https://www.npmjs.com/package/simple-icons)\n\n## License\n\n[GNU Affero General Public License v3.0](https://github.com/LIGMATV/11micro/blob/main/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fw3teal%2F11micro","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fw3teal%2F11micro","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fw3teal%2F11micro/lists"}