diff --git a/README.md b/README.md index 057458ca6..97330c518 100644 --- a/README.md +++ b/README.md @@ -5,6 +5,7 @@ [![Join](https://img.shields.io/discord/868499076432408627.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2)](https://discord.gg/qmEZwUhb4b) [![Build](https://github.com/blueedgetechno/win11React/actions/workflows/deploy.yml/badge.svg?branch=master)](https://github.com/blueedgetechno/win11React/actions/workflows/deploy.yml) +[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/blueedgetechno) This open source project is made in the hope to replicate the Windows 11 desktop experience on web, using standard web technologies like React, CSS (SCSS), and JS. diff --git a/public/img/icon/buyme.png b/public/img/icon/buyme.png new file mode 100644 index 000000000..ba20b1c06 Binary files /dev/null and b/public/img/icon/buyme.png differ diff --git a/public/index.html b/public/index.html index a243f67f1..ce3a7eae8 100644 --- a/public/index.html +++ b/public/index.html @@ -27,11 +27,11 @@
- + diff --git a/src/components/start/startmenu.scss b/src/components/start/startmenu.scss index b2bbd6d38..fd0b91112 100644 --- a/src/components/start/startmenu.scss +++ b/src/components/start/startmenu.scss @@ -23,6 +23,7 @@ .appName { text-align: center; color: #fafafa; + width: 120%; margin: 4px 0; text-shadow: 0 0 4px rgba(0, 0, 0, 0.6); } diff --git a/src/reducers/apps.js b/src/reducers/apps.js index a6d019c00..b4754338e 100644 --- a/src/reducers/apps.js +++ b/src/reducers/apps.js @@ -2,7 +2,7 @@ import {allApps} from '../utils'; var dev = "" if(process.env.REACT_APP_ENV=="development"){ - dev="notepad" + dev="" } const defState = {}; diff --git a/src/utils/apps.js b/src/utils/apps.js index bc5e92514..331de5bb4 100644 --- a/src/utils/apps.js +++ b/src/utils/apps.js @@ -1,7 +1,7 @@ -export const gene_name = ()=> Math.random().toString(36).substring(2,10).toUpperCase() +export const gene_name = () => Math.random().toString(36).substring(2, 10).toUpperCase() var installed = localStorage.getItem("installed") -if(!installed) installed="[]" +if (!installed) installed = "[]" installed = JSON.parse(installed) @@ -40,6 +40,13 @@ var apps = [{ type: 'app', action: 'MSEDGE' }, +{ + name: 'Buy me a coffee', + icon: 'buyme', + type: 'app', + action: 'EXTERNAL', + payload: 'https://www.buymeacoffee.com/blueedgetechno' +}, { name: 'Store', icon: 'store', diff --git a/src/utils/index.js b/src/utils/index.js index a6a90dbc2..89aa8bc01 100644 --- a/src/utils/index.js +++ b/src/utils/index.js @@ -10,17 +10,21 @@ var { JSON.parse(localStorage.getItem("taskbar"))) || ["Settings", "File Explorer", "Edge", "Store", "Spotify"], desktop: (localStorage.getItem("desktop") && JSON.parse(localStorage.getItem("desktop"))) || ["Blue", "Unescape", "Recycle Bin", "File Explorer", "Store", - "Browser", "Github", "Spotify", "Minecraft", "Krunker", "Smash karts" + "Browser", "Github", "Spotify", "Buy me a coffee" ], pinned: (localStorage.getItem("pinned") && JSON.parse(localStorage.getItem("pinned"))) || ["Browser", "Word", "PowerPoint", "OneNote", "Mail", "To Do", "Store", - "Photos", "Your Phone", "Notepad", "White Board", "Calculator", + "Photos", "Buy me a coffee", "Notepad", "White Board", "Calculator", "Spotify", "Twitter", "VS Code", "Terminal", "Github", "Discord" ], recent: (localStorage.getItem("recent") && JSON.parse(localStorage.getItem("recent"))) || ["Mail", "Twitter", "Terminal", "Github", "VS Code", "Spotify", "Edge"] }; +if(desktop.includes("Buy me a coffee")==false){ + desktop.push("Buy me a coffee") +} + export const taskApps = icons.filter(x => taskbar.includes(x.name)); export const desktopApps = icons.filter(x => desktop.includes(x.name)).sort((a, b) => {