{"id":22557955,"url":"https://github.com/ryanlua/glitch-in-bio","last_synced_at":"2025-03-28T11:28:14.374Z","repository":{"id":264521142,"uuid":"861541120","full_name":"RyanLua/glitch-in-bio","owner":"RyanLua","description":"With Glitch, you can have a link page for your bio that can do anything the web can do. Your own domain. Embedded audio, video and more. No limits on links. And real customization, backed by a community making new themes \u0026 features every day.","archived":false,"fork":false,"pushed_at":"2025-03-24T21:48:44.000Z","size":7843,"stargazers_count":0,"open_issues_count":8,"forks_count":0,"subscribers_count":1,"default_branch":"glitch","last_synced_at":"2025-03-25T18:17:27.276Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://glitch.com/glitch-in-bio","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/RyanLua.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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},"funding":{"github":"RyanLua","patreon":"RyanLuu"}},"created_at":"2024-09-23T05:13:58.000Z","updated_at":"2025-03-13T07:17:21.000Z","dependencies_parsed_at":"2024-11-24T20:47:32.560Z","dependency_job_id":"be79f46a-7ced-488f-ad57-8fb2c743517e","html_url":"https://github.com/RyanLua/glitch-in-bio","commit_stats":null,"previous_names":["ryanlua/glitch-in-bio"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RyanLua%2Fglitch-in-bio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RyanLua%2Fglitch-in-bio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RyanLua%2Fglitch-in-bio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RyanLua%2Fglitch-in-bio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RyanLua","download_url":"https://codeload.github.com/RyanLua/glitch-in-bio/tar.gz/refs/heads/glitch","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246020186,"owners_count":20710704,"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-12-07T20:10:11.737Z","updated_at":"2025-03-28T11:28:14.353Z","avatar_url":"https://github.com/RyanLua.png","language":"JavaScript","readme":"# Glitch in Bio!\n\n[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/RyanLua/glitch-in-bio?quickstart=1)\n[![Try with Replit Badge](https://replit.com/badge?caption=Try%20with%20Replit)](https://replit.com/@ryanluu10/glitch-in-bio?v=1)\n\nYour links, your way. A link-in-bio app you can customize any way you want.\n\n![screen gif showing the header of the glitch-in-bio remix being updated to say \"hello, world!\"](assets/gib.gif)\n\n## Direct traffic to your own Glitch-in-bio app in 3 steps:\n\n### 1. Remix this app for your own, live version in seconds\n\nThen click **Preview** at the bottom of this window and then **Preview in new window** to see the live app in its own window, with a free `glitch.me` domain ready to share.\n\n📝 _Make sure to log into Glitch to save your new app or else it will expire in 5 days._\n\n### 2. Edit `settings.json` to add your own info and links\n\nReplace the meta info, links and social sites we added for you in `settings.json` and you'll see your changes instantly updated in real time!\n\nIf you want to include images, upload them in `assets` and copy the URLs into your settings JSON too–_make sure you have a theme selected that shows images like `gallery` or `menu`_.\n\n### 3. Choose a theme\n\nTo help you make the site your own we've included some themes. In `settings.json` you can enter `glitch`, `gallery`, or `menu` as the value for `theme`.\n\n📝 _If you want to see how these themes are made, look in the `public/styles/themes` directory! If you don't have a valid theme entered, the site will default to the styles outlined in `style.css`._\n\n### ...or create your own!\n\nCustomize your site by updating `custom-theme.css` inside the `public/styles/themes` folder with CSS to update colors, fonts, or any other style rules. Update your `theme` in `settings.json` to `custom-theme` to have the app use those new rules.\n\n📝 _You can rename `custom-theme.css`, just make sure you use the new file name as your theme value in `settings.json`._\n\n🖼️ Check out examples of other themes the community has created in [this Playlist](https://glitch.com/@glitch/featured-glitch-in-bio-remixes) and [submit your own](https://forms.gle/9WFWjSmhdiEoRgVs5) to share!\n\n## Other Tips \u0026 tricks\n\nGet **verified** links by adding `rel=\"me\"` to your anchor tags in `templates/social.js` like this for Mastodon:\n\n```json\n{ \"name\": \"mastodon\", \"altText\": \"Mastodon\", \"rel\": \"me\" }\n```\n\nTo use your Glitch in Bio site as a [Bluesky](https://bsky.app) handle, create a new file at `.well-known/atproto-did` and fill it in with the value provided by Bluesky in the [change handle flow](https://bsky.app/settings).\n\n![Screenshot of creating a new file](assets/bluesky-did.png)\n\n- Check out the [Glitch-in-bio section of our Help Center](https://help.glitch.com/hc/en-us/sections/16285912923917) for more documentation on how to customize or troubleshoot your new app!\n- If you notice your preview is a little out of sync with your `settings.json`, hit the reload button in the preview window and it should update!\n- Looking for ways to extend your app, or for inspiration? Check out the official [Glitch-in-bio page](https://glitch.com/glitch-in-bio).\n\n## What's in this project?\n\n← `README.md`: That’s this file. You can delete it, or keep it handy so you don't lose the instructions.\n\n← `index.html`: This is the main page template vite uses to build your site. You'll see the template syntax for importing the data you specify in `settings.json` (built into the structures in `scripts/render.js`). You'll also find some tips on configuring the page in the HTML comments.\n\n← `settings.json`: Settings for your name, links, images, and social media. The `index.html` page includes the data.\n\n← `templates/`: HTML templates — you can edit every line of HTML or never even look at any of it. The data you specify in `settings.json` will be built into the page using the HTML in here using standard javascript templating wrapped in a `html` function.\n\n← `public/styles/`: Stylesheets for Glitch in Bio, including alternate themes. Change your theme in `settings.json`. You can create a new theme by adding a CSS file to this folder and specifying it using its name in the settings (e.g. `glitch`, `gallery`, `menu`, or whatever yours is called!)\n\n← `public/manifest.json` and `public/sw.js`: These set your site up to function as a Progressive Web App (PWA)–if you add new assets (e.g. stylesheets) you can include them in the list in `sw.js` to cache your site for offline viewing.\n\n← `assets`: Add images here and copy the links into `settings.json` to show them in your site.\n\n![Glitch](assets/Logo_Color.svg)\n\n## You built this with Glitch!\n\n[Glitch](https://glitch.com) is a friendly community where millions of people come together to build web apps and websites.\n\n- Need more help? [Check out our Help Center](https://help.glitch.com/) for answers to any common questions.\n- Ready to make it official? [Become a paid Glitch member](https://glitch.com/pricing) to boost your app with private sharing, more storage and memory, domains and more.\n","funding_links":["https://github.com/sponsors/RyanLua","https://patreon.com/RyanLuu"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fryanlua%2Fglitch-in-bio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fryanlua%2Fglitch-in-bio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fryanlua%2Fglitch-in-bio/lists"}