{"id":17654027,"url":"https://github.com/tomchen/my-avatar","last_synced_at":"2025-10-26T08:34:45.573Z","repository":{"id":130445045,"uuid":"276205420","full_name":"tomchen/my-avatar","owner":"tomchen","description":"Tom Chen's animated avatar :trollface:","archived":false,"fork":false,"pushed_at":"2021-02-09T14:20:46.000Z","size":1649,"stargazers_count":8,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-28T11:50:03.142Z","etag":null,"topics":["animation","avatar","flash","gif","personal-project","svg"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tomchen.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,"zenodo":null}},"created_at":"2020-06-30T20:48:00.000Z","updated_at":"2024-05-03T18:54:09.000Z","dependencies_parsed_at":"2023-06-28T21:15:59.440Z","dependency_job_id":null,"html_url":"https://github.com/tomchen/my-avatar","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/tomchen/my-avatar","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomchen%2Fmy-avatar","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomchen%2Fmy-avatar/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomchen%2Fmy-avatar/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomchen%2Fmy-avatar/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tomchen","download_url":"https://codeload.github.com/tomchen/my-avatar/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tomchen%2Fmy-avatar/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266962205,"owners_count":24012994,"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","status":"online","status_checked_at":"2025-07-25T02:00:09.625Z","response_time":70,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["animation","avatar","flash","gif","personal-project","svg"],"created_at":"2024-10-23T12:08:24.087Z","updated_at":"2025-10-26T08:34:45.488Z","avatar_url":"https://github.com/tomchen.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Tom Chen's Avatar and GitHub Image Tips\n\nMy animated avatar, and tips on using images on GitHub README.md and some other social media websites.\n\n## My Avatar\n\n\u003cimg src=\"https://github.com/tomchen/my-avatar/raw/master/tomchen.gif\" alt=\"Tom Chen's animated GIF avatar\" title=\"Tom Chen's animated GIF avatar\" height=\"110px\" width=\"110px\"\u003e\n\n![Tom Chen's non-animated SVG avatar](https://github.com/tomchen/my-avatar/raw/master/tomchen.svg \"Tom Chen's non-animated SVG avatar\")\n\nVersion 1.0 was made in 2000s with Adobe Flash.\n\nCurrent version, v8.0, was made in 2014.\n\nThe SVG file is exported from Flash without animation. It is planned to re-add the animation with JavaScript to the SVG file.\n\n## Which social media websites allow animated avatar\n\nNotes on social media:\n\n* ✅ **Google**, **Medium**, **Stackoverflow**, **Dev.to** users can use animated GIF as their profile avatar.\n* 😐 Although **Google** accepts animated GIF, but it is sometimes rendered as still image.\n* ⛔ **GitHub**, **GitLab**, **Reddit**, **Gravatar** do not accept animated GIF.\n* 🤐 **Twitter** used to accept animated GIF before 2012. Old user with an animated GIF avatar can keep it.\n\n## Tips of GitHub image usage\n\n### Image width and height\n\nYou can't set width and height on images by using GitHub Flavored Markdown, in order to do so, you have to use HTML:\n\n```html\n\u003cimg src=\"https://github.com/tomchen/my-avatar/raw/master/tomchen.gif\" alt=\"Tom Chen's animated GIF avatar\" title=\"Tom Chen's animated GIF avatar\" height=\"110px\" width=\"110px\"\u003e\n```\n\nYou can't use `aria-label` in HTML or Markdown.\n\n### Image URL\n\nThese image URL references are all acceptable:\n```\nhttps://github.com/tomchen/my-avatar/raw/master/tomchen.gif\nhttps://github.com/tomchen/my-avatar/blob/master/tomchen.gif\nhttps://raw.githubusercontent.com/tomchen/my-avatar/master/tomchen.gif\n../tomchen.gif\n```\n\n### Emoji\n\nUnicode character `😊` and GitHub Flavored Markdown `:blush:` render as exactly the same 😊 whose HTML code is:\n\n```html\n\u003cg-emoji class=\"g-emoji\" alias=\"blush\" fallback-src=\"https://github.githubassets.com/images/icons/emoji/unicode/1f60a.png\"\u003e😊\u003c/g-emoji\u003e\n```\n\n### SVG animation\n\nSVG files' SMIL and CSS animation can be shown correctly, but JavaScript code will not be executed ([explanation](https://github.com/tomchen/animated-svg-clock#github-usage)).\n\n### GitHub README.md Image Support Tests\n\n[GitHub image rendering test](github_rendering_test)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftomchen%2Fmy-avatar","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftomchen%2Fmy-avatar","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftomchen%2Fmy-avatar/lists"}