{"id":21441112,"url":"https://github.com/weichiachang/easter-eggs-mobile","last_synced_at":"2025-08-01T11:14:57.974Z","repository":{"id":43810956,"uuid":"103103954","full_name":"WeiChiaChang/easter-eggs-mobile","owner":"WeiChiaChang","description":"📱 Trigger easter eggs on mobile device","archived":false,"fork":false,"pushed_at":"2019-05-28T11:02:13.000Z","size":17633,"stargazers_count":12,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-11-16T09:07:49.078Z","etag":null,"topics":["easter-egg","mobile","surprise","tricks"],"latest_commit_sha":null,"homepage":"https://git.io/v5PQC","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/WeiChiaChang.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-09-11T07:29:42.000Z","updated_at":"2024-07-30T21:15:29.000Z","dependencies_parsed_at":"2022-09-18T05:11:35.144Z","dependency_job_id":null,"html_url":"https://github.com/WeiChiaChang/easter-eggs-mobile","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/WeiChiaChang%2Feaster-eggs-mobile","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WeiChiaChang%2Feaster-eggs-mobile/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WeiChiaChang%2Feaster-eggs-mobile/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WeiChiaChang%2Feaster-eggs-mobile/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/WeiChiaChang","download_url":"https://codeload.github.com/WeiChiaChang/easter-eggs-mobile/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225987270,"owners_count":17555740,"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":["easter-egg","mobile","surprise","tricks"],"created_at":"2024-11-23T01:20:48.851Z","updated_at":"2024-11-23T01:20:49.654Z","avatar_url":"https://github.com/WeiChiaChang.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 📱 easter-eggs-mobile\n\n![mitLicense](https://img.shields.io/badge/License-MIT-yellow.svg)\n![npmPackage](https://badge.fury.io/js/easter-egg-mobile.svg)\n![vulnerabilities](https://snyk.io/test/npm/easter-egg-mobile/badge.svg)\n![scoreMe](https://readme-score-api.herokuapp.com/score.svg?url=WeiChiaChang/easter-eggs-mobile)\n\n\u003e It's the special version which extended from [easter-egg-collection](https://github.com/WeiChiaChang/easter-egg-collection) this library for user to trigger lots of easter eggs on mobile device by 👆 clicking or tapping with ease.\n\n\u003cp align=\"center\"\u003e\n  \u003ca target=\"_blank\" href=\"https://github.com/WeiChiaChang/easter-eggs-mobile\"\u003e\n    \u003cimg alt=\"easter-egg-mobile\" src=\"https://i.imgur.com/HE3hzAO.gif\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## 🤘 Live Demo\n\n- Just try to open [this page](https://git.io/v5PQC) on mobile 📲\n- Or... [Codepen](https://codepen.io/WeiChiaChang/full/BwByxN?editors=1100) is your best friend !\n\n## 💡 Inspiration\n\nThanks to awesome [GIFLINKS](http://tholman.com/giflinks/) \u0026 original source from [Richard Denton](https://codepen.io/isdampe/pen/OXYZZO) !\n\nAll of the images were derived from [GIPHY](https://giphy.com/).\n\n## 🎉 Installing / Getting started\n\n#### CDN 👇\n\n```html\n\u003cscript src=\"https://rawgit.com/WeiChiaChang/easter-eggs-mobile/master/scripts/easter-egg-mobile.js\"\u003e\u003c/script\u003e\n```\n\n#### NPM 👇\n\n```shell\nnpm i easter-egg-mobile -D\n```\n\nFor \u003cb\u003e`Vue`\u003c/b\u003e users, setup these commands in your single component file :\n\n```javascript\nimport easterEggMobile from 'easter-egg-mobile'\n```\n\nAnd don't forget trigger easter eggs when it \u003cb\u003e`mounted`\u003c/b\u003e already :\n\n```javascript\nexport default {\n  data () {\n    return {\n      ...\n    }\n  },\n  // Trigger easter eggs when mounted\n  mounted: function () {\n    easterEggMobile\n  }\n}\n```\n\n\u003e Magic will show with a tiny setting on HTML, keep going ! 💪 \n\nAdd `class name` and `data-src` attribute on `\u003ca\u003e` tags in your \u003cb\u003eHTML\u003c/b\u003e structure, take `ghost` for example :\n\n```html\n\u003ca class=\"gif-ghost\" data-src='./images/ghost.gif'\u003eGhost\u003c/a\u003e\n```\n\nSo if you want to use `pikachu`, that would be :\n```html\n\u003ca class=\"gif-pikachu\" data-src='./images/pikachu.gif'\u003ePikachu\u003c/a\u003e\n```\n\n#### The rest of easter eggs follow this way as well 🎉 , now enjoy it ! 🍾 \n\n\u003e This table can help you find out easter eggs as required : \n\n🐰 easter egg class | 📊 data-src | 💯 original source\n------------------- | ----------- | -----------------\ngif-pikachu | https://goo.gl/x3rX4r | https://i.giphy.com/uXnif9JVu6VnW.gif\ngif-airguitar | https://goo.gl/qEhWwZ | https://i.giphy.com/7yfb0x166Coms.gif\ngif-ghost | https://goo.gl/4EwYZr | https://i.giphy.com/YoypIsUmXXI52.gif\ngif-dog | https://goo.gl/aQVAXH | https://i.giphy.com/4wLJ8aC0V68x2.gif \ngif-hangover | https://goo.gl/aWj4U2 | https://i.giphy.com/uDvz51Hu6PONi.gif\ngif-winner | https://goo.gl/5vcgPj | https://i.giphy.com/3oKIPwZVHEiM2B3ljq.gif\ngif-psyduck | https://goo.gl/UQL2ak | https://i.giphy.com/7gmk89ezqSjFS.gif \ngif-salamander | https://goo.gl/6ZJv2q | https://i.giphy.com/Ny6WEYvBuBvDW.gif\ngif-jump | https://goo.gl/EPJRmw | https://i.giphy.com/yqwAxqYAqKTmw.gif\ngif-pokeball | https://goo.gl/TBGpoK | https://i.giphy.com/87XjvflDBlPMc.gif\ngif-rabbit | https://goo.gl/an1sF1 | https://i.giphy.com/ClZz9cJstGjuM.gif \ngif-penguin | https://goo.gl/by1APG | https://i.giphy.com/12GEN4WSKIBYnC.gif\ngif-jumpingbird | https://goo.gl/m1cdht | https://i.giphy.com/d3ywbrOKTC2283KM.gif\ngif-haters | https://goo.gl/DuMKq4 | https://i.giphy.com/L2ZFgodrsQs6s.gif\ngif-dragon | https://goo.gl/P3hA5U | https://i.giphy.com/CJRIOrrkmtBOo.gif\ngif-money | https://goo.gl/frKxMS | https://i.giphy.com/sBoohCuSRNYv6.gif \ngif-robot | https://goo.gl/yV2gVM | https://i.giphy.com/7ER2Unn4hwhJ6.gif\ngif-spongebob | https://goo.gl/CxR6Xq | https://i.giphy.com/FxAYkQqdw63hC.gif\ngif-handsome | https://goo.gl/2Kz7Xf | https://i.giphy.com/aXPw3suOkxrBC.gif\ngif-no | https://goo.gl/1Gx1dY | https://i.giphy.com/l1ibixfnM4qGI.gif\n\n\n## 🤓 Developing\n\n### Setting up Dev\n\nA quick introduction of how to use easter-eggs-mobile, first of all :\n\n```shell\ngit clone https://github.com/WeiChiaChang/easter-eggs-mobile.git\n```\n\nThen install pingy as front-end build tool :\n\n\u003e Save your life, save your time\n\n```shell\nnpm install @pingy/cli --global\n```\n\nLast step, install all of the modules :\n\n```shell\nnpm install\n```\n\nType this command with your favorite iterm2 :\n\n```shell\npingy dev\n```\n\nEverything all done now! ![turtle](http://i.imgur.com/879dfXS.gif)\n\n\n### Deploying / Publishing\nExport website to a folder for distribution and ready for deploying :\n\n```shell\npingy export\n```\n\n## ©️ License\n\nMIT © [WeiChiaChang](https://github.com/WeiChiaChang/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fweichiachang%2Feaster-eggs-mobile","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fweichiachang%2Feaster-eggs-mobile","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fweichiachang%2Feaster-eggs-mobile/lists"}