{"id":20303905,"url":"https://github.com/billstclair/zapmeme","last_synced_at":"2025-10-14T03:39:12.908Z","repository":{"id":66592643,"uuid":"178104499","full_name":"billstclair/zapmeme","owner":"billstclair","description":"The meme maker I've always wanted","archived":false,"fork":false,"pushed_at":"2025-02-28T17:03:27.000Z","size":934,"stargazers_count":2,"open_issues_count":0,"forks_count":2,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-02T19:43:06.695Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://zapmeme.com","language":"Elm","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/billstclair.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-03-28T01:45:04.000Z","updated_at":"2025-02-28T17:03:31.000Z","dependencies_parsed_at":null,"dependency_job_id":"1981f61a-ad1f-41eb-aa2f-8f14913ea1d7","html_url":"https://github.com/billstclair/zapmeme","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/billstclair%2Fzapmeme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/billstclair%2Fzapmeme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/billstclair%2Fzapmeme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/billstclair%2Fzapmeme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/billstclair","download_url":"https://codeload.github.com/billstclair/zapmeme/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241801257,"owners_count":20022390,"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-14T16:41:37.850Z","updated_at":"2025-10-14T03:39:12.831Z","avatar_url":"https://github.com/billstclair.png","language":"Elm","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ZAP Meme\n\nThis is the meme maker I've always wanted. There are a lot of them out there, but this one works entirely from a single HTML file, which you can download and keep your own copy of, if you like. It has no dependency on a server for anything but that. Everything is stored in your browser's local storage database.\n\nThe project is live at https://zapmeme.com\n\nThere's a list of bugs and features in [TODO.md](TODO.md).\n\nDuring development, the code lives in `index.html` and some JS files, plus `elm.js`, for the compiled Elm code. Once it works, I'll append all the JS and images inside of `index.html` for shipping.\n\nThe code runs in `elm reactor`, though not everything will work there.\n\n```\ngit clone git@github.com:billstclair/zapmeme.git\ncd zapmeme\nelm reactor\n```\n\nThen aim your browser at http://localhost:8000/src/Main.elm\n\n## Technical details\n\nIn order to size the text to the background image, we need to know the size of the uploaded background image. This relies on the `HtmlImageElement.naturalWidth` and `HtmlImageElement.naturalHeight` properties, as documented at https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement. They are accessed in Elm via [CustomElement.ImageProperties](src/CustomElement/ImageProperties).\n\nI plan to use the ideas in Matti Paksula's [From SVG to Canvas and Back](http://svgopen.org/2010/papers/62-From_SVG_to_Canvas_and_Back/) to enable converting the meme to a PNG file for download.\n\nSamuli Kaipiainen's code based on Paksula's paper is live at http://sampumon.github.io/SVG.toDataURL/butterfly_test.html, and is stored locally in `site/butterfly-test.html` and `site/svg-to-data-url.js` (and `site/base64.js` for IE). The NPM package that generated the initial version of `svg-to-data-url.js` is at https://www.npmjs.com/package/svgtodatauri.\n\nYou can run the local copy by starting `elm reactor` as documented above, and aiming your browser at http://localhost:8000/site/butterfly-test.html.\n\nI plan to support all the fonts at https://fonts.google.com. You'll just have to name one of them, and it will be added to the `\u003chead\u003e` and CSS automatically. Out of the box, I'm supporting the safe fonts listed at http://web.mit.edu/jmorzins/www/fonts.html with CSS at http://web.mit.edu/jmorzins/www/@/css/fonts.css\n\nCopyright 2019, Bill St. Clair\u003cbr/\u003e\nDistributed under the MIT License. See [LICENSE](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbillstclair%2Fzapmeme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbillstclair%2Fzapmeme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbillstclair%2Fzapmeme/lists"}