-
Notifications
You must be signed in to change notification settings - Fork 14
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Deploying to gh-pages from @ 7366680 🚀
- Loading branch information
0 parents
commit dd64c5b
Showing
166 changed files
with
3,477 additions
and
0 deletions.
There are no files selected for viewing
Empty file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,4 @@ | ||
{ | ||
"gpc": true, | ||
"lastUpdate": "2023-11-24" | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,65 @@ | ||
<!doctype html> | ||
<html lang="en"> | ||
<head> | ||
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
<link rel="icon" type="image/x-icon" href="favicon.ico" /> | ||
|
||
<title>Unfair Spin Wheel - A spin wheel game that allow you to control the odds.</title> | ||
<meta name="title" content="Unfair Spin Wheel" /> | ||
<meta content="Unfair Spin Wheel" property="og:title" /> | ||
<meta content="Unfair Spin Wheel" property="og:site_name" /> | ||
<meta | ||
content="Try this incredible spin wheel tool designed specifically for online draws. It's completely free, open-source, and without any annoying ads." | ||
name="description" | ||
/> | ||
<meta | ||
content="Try this incredible spin wheel tool designed specifically for online draws. It's completely free, open-source, and without any annoying ads." | ||
property="og:description" | ||
/> | ||
|
||
<meta content="@jim60105" name="twitter:site" /> | ||
<meta content="@jim60105" name="twitter:creator" /> | ||
<meta content="summary_large_image" name="twitter:card" /> | ||
<meta content="website" property="og:type" /> | ||
<link href="https://unfair.spin-wheel.click/img/open-graph.png" rel="image_src" /> | ||
<meta content="https://unfair.spin-wheel.click/img/open-graph.png" property="og:image" /> | ||
<meta content="https://unfair.spin-wheel.click/img/open-graph.png" name="twitter:image" /> | ||
<meta property="og:image:alt" content="The world is unfair, and so is our spin wheel." /> | ||
<meta property="og:image:type" content="image/png" /> | ||
<meta property="og:image:width" content="1200" /> | ||
<meta property="og:image:height" content="640" /> | ||
|
||
<meta content="https://unfair.spin-wheel.click" property="og:url" /> | ||
<link rel="canonical" href="https://unfair.spin-wheel.click" /> | ||
|
||
<link rel="apple-touch-icon" href="/img/icons/ios/180.png" sizes="180x180" /> | ||
<meta name="theme-color" content="#212f56" /> | ||
|
||
<link rel="preconnect" href="www.clarity.ms" /> | ||
<link rel="preconnect" href="www.googletagmanager.com" /> | ||
<link rel="preconnect" href="https://fonts.googleapis.com" /> | ||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> | ||
<link | ||
href="https://fonts.googleapis.com/css2?family=Rock+Salt&family=Suez+One&family=Mochiy+Pop+P+One&family=Jua&family=Unbounded&family=Mitr&family=Noto+Sans+TC&family=Noto+Sans+SC&family=Noto+Sans+Lao&family=Noto+Color+Emoji&display=swap" | ||
rel="stylesheet" | ||
/> | ||
<link | ||
href="https://fonts.googleapis.com/css2?family=Mochiy+Pop+P+One&display=swap&text=晚餐吃什麼火鍋牛肉麵排館拉便當店自助夜市速食中" | ||
rel="stylesheet" | ||
/> | ||
<script> | ||
// This is for PouchDB: | ||
// https://stackoverflow.com/a/77061427/8706033 | ||
// According to the documentation, this should not be defined in vite config | ||
// https://vitejs.dev/config/shared-options.html#define | ||
window.global = window; | ||
</script> | ||
<script type="module" crossorigin src="/assets/index-504befb3.js"></script> | ||
<link rel="stylesheet" href="/assets/index-21e0d80f.css"> | ||
<link rel="manifest" href="/manifest.webmanifest"><script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head> | ||
<body> | ||
<div id="app"></div> | ||
|
||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
unfair.spin-wheel.click |
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,196 @@ | ||
# ![icon](https://github.com/jim60105/UnfairSpinWheel/blob/master/public/img/icons/ios/32.png?raw=true) Unfair Spin Wheel | ||
|
||
<p align="center"> | ||
<img src="https://github.com/jim60105/UnfairSpinWheel/blob/master/public/img/open-graph.png?raw=true" alt="open graph" height="350" /> | ||
</p> | ||
|
||
<p align="center"> | ||
The world is unfair, and so is our spin wheel.<br> | ||
<a target="_blank" href="https://unfair.spin-wheel.click">https://unfair.spin-wheel.click</a> | ||
</p> | ||
|
||
Get ready for an exciting ride at Unfair Spin Wheel! | ||
|
||
Our game is unlike any other out there, as you have the power to control the odds and take the game to a whole new level of excitement. | ||
|
||
## 👀 Eye-catching features✨ | ||
|
||
<img src="https://github.com/jim60105/UnfairSpinWheel/assets/16995691/8d2c2965-ac94-4dab-a401-28bdd99485aa" height="350" /> | ||
<img src="https://github.com/jim60105/UnfairSpinWheel/assets/16995691/0d7350ea-b1e2-480a-b3a0-0895fdf98671" height="350" /> | ||
<img src="https://github.com/jim60105/UnfairSpinWheel/assets/16995691/4399cf17-9bc7-4f2c-8aa3-1aa43ebec240" height="350" /> | ||
|
||
### ⚖️ Weighted Spins | ||
|
||
<p> | ||
<img src="https://github.com/jim60105/UnfairSpinWheel/assets/16995691/f46abb58-8e81-4d4e-94a7-2474d1e7c9d2" height="350" /> | ||
</p> | ||
|
||
Set the weight for each item on the wheel. | ||
|
||
The spin is random, but your settings can actually sway the outcome, making the game a bit "unfair". | ||
|
||
### 📝 Bulk Edit Mode | ||
|
||
<p> | ||
<img src="https://github.com/jim60105/UnfairSpinWheel/assets/16995691/04c10dca-2a43-4264-af79-d2bc24d28c6a" height="400" /> | ||
</p> | ||
|
||
With Bulk Edit Mode, importing a ton of items is a breeze. | ||
|
||
Plus, no need to worry about missing weight data - we'll take care of it by adding ",1" for you automatically. | ||
|
||
### 🔊 Customizable Sound Effects | ||
|
||
<p> | ||
<img src="https://github.com/jim60105/UnfairSpinWheel/assets/16995691/0f97ac2a-d9d9-496d-853c-5062243fa740" height="150" /> | ||
</p> | ||
|
||
Customize your gaming experience by tweaking the sound effects! | ||
While we offer a range of preloaded sounds, but you can also upload your own to truly make it one-of-a-kind. | ||
|
||
Well, I shouldn't have said "upload". | ||
Your audio file didn't actually go up to any server or anything like that. It's simply saved right here in your browser, just like your spinner data. | ||
|
||
### 💾 Automatic Data Storage | ||
|
||
<p> | ||
<a href="https://pouchdb.com/" target="_blank"> | ||
<img src="https://pouchdb.com/static/img/logo.svg" height="70" /> | ||
</a> | ||
</p> | ||
|
||
We have the amazing **PouchDB** to handle all your data! | ||
|
||
It's all saved automatically in the browser, so it's always there for your next gaming session. | ||
|
||
### 🔗 Sharing with your friends | ||
|
||
<p> | ||
<img src="https://github.com/jim60105/UnfairSpinWheel/assets/16995691/0346dc9f-5a6d-4816-a49d-9bd089748870" height="70" /> | ||
</p> | ||
|
||
Share your fun spinner with your friends! | ||
|
||
It's worth mentioning that your spinner data is stored in the URL. | ||
This is a pure frontend application, we won't store your data. | ||
|
||
### 🎥 OBS mode | ||
|
||
<p> | ||
<img src="https://github.com/jim60105/UnfairSpinWheel/assets/16995691/04c0051f-1710-44be-aa3d-cdcc442c14c5" height="500" /> | ||
</p> | ||
|
||
Attention streamers! | ||
We've got something special just for you - our OBS mode! | ||
|
||
Open our site in OBS using the browser source, and the layout will seamlessly blend with your livestream. | ||
|
||
<details> | ||
<summary> | ||
Full instructions | ||
</summary> | ||
|
||
1. In OBS, go ahead and add the source called **"Browser"**. | ||
![2023-11-09 04 26 26](https://github.com/jim60105/UnfairSpinWheel/assets/16995691/20574952-81be-498e-bc32-4931cb4caa67) | ||
2. Type in the URL `https://unfair.spin-wheel.click/` and adjust the Width and Height to `800` | ||
![2023-11-09 04 27 13](https://github.com/jim60105/UnfairSpinWheel/assets/16995691/2d094da8-62cb-4a26-86ab-ef534aca0445) | ||
3. Make use of the **"Interact"** feature to navigate through the website. | ||
![2023-11-09 04 35 18](https://github.com/jim60105/UnfairSpinWheel/assets/16995691/2d907293-10e0-46ca-8586-526496aa86ee) | ||
|
||
</div> | ||
</details> | ||
|
||
## 🎲 How to Play | ||
|
||
1. To play the Unfair Spin Wheel game, head over to our website at [unfair.spin-wheel.click](https://unfair.spin-wheel.click). | ||
2. Once you're there, simply click on the "<<" button at the right of the page to open the side panel. | ||
3. From there, you can adjust the weight of each item to your liking. | ||
4. If you want to add some extra fun, don't forget to customize the sound effects under the "Settings" tab. | ||
5. And finally, when you're ready, just give the wheel a good spin by clicking on it. | ||
6. Enjoy the game! | ||
|
||
## 📎 Usage scenarios | ||
|
||
### What's for dinner? | ||
|
||
<p> | ||
<img src="https://github.com/jim60105/UnfairSpinWheel/assets/16995691/0e2d324c-7345-4f32-bf6a-4066f55c9d21" height="350" /> | ||
</p> | ||
|
||
Let's tackle the age-old question: **What's for dinner?** | ||
|
||
For indecisive folks (like me), why not leave it up to fate? | ||
Introducing the spin wheel dinner decider, perfect for those moments of indecision. | ||
But our hearts can be biased. Maybe tonight's dinner will be McDonald's after all. | ||
|
||
### Youtuber Livestream Draws | ||
|
||
<p> | ||
<a href="https://www.youtube.com/live/qU0LycWhFvQ?t=7670" target="_blank"> | ||
<img src="https://github-production-user-asset-6210df.s3.amazonaws.com/16995691/278485327-ff4b4ba8-efac-437d-9bf2-50dbc586154b.png" height="350" /> | ||
</a> | ||
</p> | ||
|
||
Want to make your online draws more interactive and engaging? | ||
Look no further than the Unfair Spin Wheel! | ||
|
||
This tool is completely free and adds a fun twist to your livestream content. | ||
Give it a try and see how it can spice up your audience's experience. | ||
|
||
### World Population Spinner | ||
|
||
<p> | ||
<img src="https://github.com/jim60105/UnfairSpinWheel/assets/16995691/38b261f3-2383-4d2a-b824-19e9db5a0a1b" height="350" /> | ||
</p> | ||
|
||
If you were reborn, which country would you be assigned to? | ||
|
||
Click here to get the data for this population spin wheel. | ||
👉 [World Population Spinner Data](https://unfair.spin-wheel.click?group=%E4%B8%96%E7%95%8C%E4%BA%BA%E5%8F%A3&data=eJxdWNlWIzsSfPdX3Mfpc2rOKalKtfwda4MxxgbTZjNbN4buy2JsNrO0-ZixyuWn-wsTkZKhZ3iTrJJSkZERKWz91r6cBypWSaZD_FXGw-uy0Ru_vBS3m3a5b7fWbafGBSo1smAy2uBMFJkolgkre9jbt7L7Pn45CnSa-qX26d4evxTtnj08D3SsZBbT3VXbWLOrv2S1StJstho7BDqMwsRNXB_btZOiVg1UkmeRC-99aTJaxpYIKYldyPb7T3xoW91A6Vy7M4qdbtG5wkTsoywbAzuqlXetQKkwyd2Hx4sIJFChid1X5emPyf33orfNyDCtXCDl45qt7wR5HvvAqgfFUQcAjYevnxjlBleUnzvH5dydXX4MMqPd3cZva0VnB2OlMlkyeuInWRyZXMK9-8ZxkoWZjMtaX8ZpqBP3-62MEy0gVgCovd0H5gw0Uak_uL4zPcQY-BmXql_27AJAByZLBcDK5Olqsj0MjNG5mX1y3AqMirXbotW1c5ceAaPC2IWzuzIePgdxpkKMkwrgnjSuJ9W9IE4TF1G50OMncWoSglmZ7r4XJ8_29SkAaLHxU5PV0Wfq4xnsk8WGfR5M57eDWGdZMgOsVrXLtQDMy9Vs1XKt3L3mlGOD0OMddwy4k0fyO5dEaQrwON78VdwfkBxRkmXGb1SuD-xql9tHSehORHS2t170d4Io1onOYnw72OOhnVteplYdv_Xwm1IOqJsqNiU5QbBcrjy52J1eY0kU5XJ0uVmdtucwTtx4en41Hn31VRLpJJeMlBuX42EViEs02nO6fD-f3NeDKMwiLeP-KeAuHp7sYBjoPHI0AQGKuzWAiikl1K_YC2x0Mdk8YmgaSdf-aMBLuFCMayf4QUnVVYrRXXE_CHQSOaLZdeGDNpkv4fbc9KU73f8asJKy2aE7XdazZMErBuUCDNVRlMps8W13VuGR1mmoYgZBLmptHF6IZbqyjmzZ-ilmVeaAHS7aZhWXR02gGAMy3mV274WfqzzT7vKt1bL9i6ipPM18aPuz4s0TlyeoBc91laJyV-oVu7E0aXXs2X6gMu04bk-PABzAIZwqTSPH_PoT6aRAcxybVxCRu4Zsl5o88_CSrT_nOeX4z-1BHPkBs5FxcB9f2eNt2_uJqTCnhGGqCzWAxGVOGsrRAXWTexmVutCeRwhNTkSatK9bX5SY8sJ8cAFSsoowJUpVKbcGSB3igBCa1NXp4JBahrGobGWy8YrbTB6vZXvs7Wb_nv8UdGqWSxjox72gNy7HIO3qr2JvgVMOr8n9UrEDQ1GxY7dtnOE2GHuyAPJidwN7k4VQ2MjJW_1J8hgaLZUC-trloYzdbYfr5couxrF2NbN5WjaXqD8qjJy4IFBksKh1JkuPmFVuI3vTmC7-RgroGHmSU20r49duWUX9Q9GTjNoC1q9iM7Ird24ENmyDhQwq90BBA8p5bKJBGIa49_vTi3JtjPGGN1xEKJP75mfScuWitt0LwCenwIKUv-ePywDiTIUgOBSq1GvgpL5sr5u23w9SE9OKwLO9YtgL0jjPlDuOtOtcB6kW5Cq2d8MqRLlFntNgs09ukidRJhZ6CPA9hZNchL_CkoM2NwWoxOjIuEp3BgwyB3BbiZkZdzUGkSRlK6hCntI6Zz3BoWg-UIVnCAeMR6fGFRw-tEcL4itpFhtnlPblsjh4w4wDuWjfMrbDU86QG5Vy7YoFCMNKeNb0dYMgX8LSYmfiCBgCP35rMlkmlvKjJsEJP7z5LzcOQLeMPxfrf7PAMEyTDz__dHKjQ9mFAg-9PLvgqeAr3JsVImmubfm-Js7FacD8JupF7Ck39MRKsXQAXNyM-LaYIm6LshdQPsRE1vjuqLy7B75ghlgkFgrbLjYR8KQKD4ZBfOT-HZ_DM1UmaVhfJsQgrhO7OEwpxRXgApqi1_HljP3ILzolyOcWl6sr5cMlJbDVBV2gvn_RSB8uYaSZ41r7qhi8inOljh2wRs--yCjZsdzaQ73DxCKHMg442yd2zaUgUnmUujplB-lCRBOSms_OALD6-SxxRXZZm-492psDNJW5o2T9lAqn01juhqotB0_iaKmWNMDvudXZPvgIW4PPCdD1Sf_O01bHhu7J8IrO9XThB01LZibbu7M1Ok9Tlww2hNVdupZOPugGjGahwvyVN07kcvlxegL7BPScBD7l0uVMXPNQKEyC_76WYepSyyMGi7AEwOFTewSJNmEcJeZT_UkLGKIyWSz5fjibzrf-8Ab0U5wvDvt2eFj0IYNRJmHY-iKMlg1AYw13Ic5sliPnVLYxYO0OD3EjTKZycXAX3c_MNiPtEvrzlIbdfZf-G46dOuWgZdMXwtQtazeL9-Mgy4W65d3vYu_G1QuUThS43DxAnjAClzBq1XAKEwHt1VK9dTobulogxCqhibfnJqMze_cYpMpdc3TH7ipJleyIoLa20BLQbhNF2yAdUTE0dZB6tAxp0pAU-mTx48aenGId887uloUDV0Snyglmd_RUXmxBdjAj_g5SjV_bqOTIYI9y_hHXwe7F4K4YvLMpixPXpfQfy-YayzR2bgvEePM4zCBYIh2tVZZtlPEB5bemL5yx2GJAULFfb3lR5AcyTmb9D4aotpwhNK8AWXHYYWkZr53o1lbWaSOz-hIN5csKtg91RnuNpl6eG_0rWD9Xfz7csjDxjTASiu5qHY1hHKOHxH3bLKnRBsIAN4l2D1WIBkaJ_iObjuI5-kaunnYGs-4B2oeLT3c6vBP6I-3aAtqKYzOT7BWgd0wZ-uPZ6cy4WWWgKAvh3ewxgWbb9xZs1nFo0V5hZkHykzcIKOAZD-flvcc7z-akQwoz0BwcOuOTU7nCpC4BFVbrlecaP01oq1-9is7AQiswXThnh5L4kpN-Jpx1ksNrtpGwBm3kqYD81k_59JEOgSGgQY3Q_R288RxcIMkr0r61-CGUIDLsByBbdGFYW4oiTCrTdg2f-OgQdZqgExkVy9-4JepZp7joMy-VQDK1JG655jjI7c4bDOL2DbckmJDfJPUX_0yjSf9QNFTGDdtxf6ZJ5MInb9O9BzFmvJ-UsPj-mV2AXyVljpJiz4O2rNGUfSMTaZIPSM4WghzoqlmmNQQEH7IrfUgiq8utiGESEftwhghi4RGFpAIvvCjQwxXbveLbOZfvvaKm0BqJBdzX5cnHR69_XP_Lkf5jiy8opAgZcBM04csR_6uRxlAIJomis4fnm4asyoP8_7jBHyI2dYRB56gs9KkHkybbfbk9037t_n2hsrSCVkdI5IhlQOMKdRftFFIDvvdA-TZVUEmvh3D4mvQdR7OJtTIO_7gSs4uquLuFNIApX4IcrPrjx8n-TTn3SFCFwHgLfAlMnsqlWWgQlNr7f-bm2Zf8uCkOR4gDufB0OTz_Nz3jxfcISLVR4vGtAbvxWBz63D_KZ6AkiaZHIlrv6FvrRWOfCL8-Uo9yXsx9xfXsXSSav78JLAk4S4vCrzVoBxolNlZoXogY7v39odxasIPTIENh0TqFKv-8rfIfTUc7_7xVZ8TKI_-vqqJzxUbzrG1vG_jFPr7ReyvABlctFz54ln7K_PTnBlujzm4Q_Rdzkiwt) | ||
|
||
> [!WARNING] | ||
> We didn't preload it in the example because it's a little... lacking in performance. | ||
> When there are too many items, it requires more resources to draw the wheel. | ||
> This can lead to a decrease in fps on certain mobile devices. | ||
### And more... | ||
|
||
Let us know how you use our spin wheel! | ||
[Share your creative ideas with us](https://github.com/jim60105/UnfairSpinWheel/discussions/categories/show-and-tell) so we can feature them here. | ||
|
||
Happy spinning! | ||
|
||
## 📝 License | ||
|
||
### Code | ||
|
||
[![AGPL-3.0](/src/assets/agplv3-with-text-162x68.png)](./LICENSE) | ||
|
||
[GNU AFFERO GENERAL PUBLIC LICENSE Version 3](./LICENSE) | ||
|
||
This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. | ||
|
||
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details. | ||
|
||
You should have received a copy of the GNU Affero General Public License along with this program. If not, see <https://www.gnu.org/licenses/>. | ||
|
||
### Npm packages dependencies | ||
|
||
We rely on these awesome open source projects as the foundation for our projects. | ||
|
||
- MIT Licensed: Vue.js, PrimeFlex, PrimeVue, CrazyTim/spin-wheel, transitive-bullshit/random, adaltas/node-csv, pako, shareon | ||
- Apache-2.0 Licensed: PouchDB | ||
|
||
### Images | ||
|
||
All the images were generated using DALL·E 3 by [Image Creator from Microsoft Bing](https://www.bing.com/images/create) and are used in accordance with the [Bing Conversational Experiences and Image Creator Terms](https://www.bing.com/new/termsofuse). | ||
|
||
Source: [Logo](https://www.bing.com/images/create/logo2c-website-logo2c-flat-design2c-round-logo2c-a-log/652cf17272a44197870b64f09860bf6a?id=GlUAiIfl%2fvVzGiPoy8CdMA%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP), [Main Image](https://www.bing.com/images/create/spin-wheel-game2c-web-design-material2c-dark-mode-de/652bec3676ed40afac326e7bd32cf3c6?id=sGSw5bLqrygiMyekuUrIMw%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP), [The pointer](https://www.bing.com/images/create/spin-wheel-game2c-web-design-material2c-dark-mode-de/652bec3676ed40afac326e7bd32cf3c6?id=f9mxG3pI%2b0%2fia%2bnjccBykg%3d%3d&view=detailv2&idpp=genimg&FORM=GCRIDP) | ||
|
||
### Sound Effects | ||
|
||
The [SoundButtons](https://sound-buttons.click) project is the driving force behind the Funny Voices, with all copyright belonging to the original artists. | ||
|
||
The remaining sound effects are from [Pixabay](https://pixabay.com/), and used in accordance with their [Pixabay Terms of Service](https://pixabay.com/service/terms/) license. | ||
|
||
These amazing materials take our game to a whole new level! |
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Binary file not shown.
Binary file not shown.
Oops, something went wrong.