From b1f2771c716f29c794de16ca74375fc6218e6608 Mon Sep 17 00:00:00 2001 From: HassanZahirnia Date: Sun, 16 Mar 2025 16:15:18 +0330 Subject: [PATCH 001/106] =?UTF-8?q?=E2=9C=A8=20Add=20Prettier=20configurat?= =?UTF-8?q?ion,=20update=20dependencies,=20and=20enhance=20project=20struc?= =?UTF-8?q?ture?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 54 +++++++-- .prettierignore | 3 + .prettierrc | 16 +++ package-lock.json | 262 +++++++++++++++++++++++++++++++++++++----- package.json | 25 ++-- resources/css/app.css | 39 +++---- resources/js/app.js | 55 ++++++++- resources/js/fonts.js | 1 + vite.config.js | 9 +- 9 files changed, 389 insertions(+), 75 deletions(-) create mode 100644 .prettierignore create mode 100644 .prettierrc create mode 100644 resources/js/fonts.js diff --git a/.gitignore b/.gitignore index 7fe978f8..9713846c 100644 --- a/.gitignore +++ b/.gitignore @@ -1,19 +1,55 @@ +# php unit /.phpunit.cache +.phpunit.result.cache + +# auth +auth.json + +# node_modules /node_modules -/public/build + +# public /public/hot /public/storage +/public/build +/public/sitemap.xml + +# storage /storage/*.key + +# vendor /vendor -.env -.env.backup -.env.production -.phpunit.result.cache + +# ide +/.fleet +/.idea +/.vscode +_ide_helper* +.phpstorm.meta.php + +# .env +.env* + +# cache +*.cache + +# homestead Homestead.json Homestead.yaml -auth.json + +# docker +docker-compose.override.yml + +# package managers npm-debug.log yarn-error.log -/.fleet -/.idea -/.vscode + +# logs +worker.log + +# windows +*:Zone.Identifier +Thumbs.db + +# mac +.DS_Store \ No newline at end of file diff --git a/.prettierignore b/.prettierignore new file mode 100644 index 00000000..705d41a7 --- /dev/null +++ b/.prettierignore @@ -0,0 +1,3 @@ +**/dist +**/package-lock.json +public/build \ No newline at end of file diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 00000000..2ea9bc71 --- /dev/null +++ b/.prettierrc @@ -0,0 +1,16 @@ +{ + "plugins": ["prettier-plugin-blade", "prettier-plugin-tailwindcss"], + "overrides": [ + { + "files": ["*.blade.php"], + "options": { + "parser": "blade" + } + } + ], + "tailwindConfig": "./tailwind.config.js", + "singleQuote": true, + "semi": false, + "trailingComma": "all", + "singleAttributePerLine": true +} diff --git a/package-lock.json b/package-lock.json index 3a1513f8..cdd853ca 100644 --- a/package-lock.json +++ b/package-lock.json @@ -5,14 +5,20 @@ "packages": { "": { "devDependencies": { - "@tailwindcss/typography": "^0.5.9", - "alpinejs": "^3.12.2", - "autoprefixer": "^10.4.14", - "axios": "^1.1.2", - "laravel-vite-plugin": "^0.7.5", - "postcss": "^8.4.24", - "tailwindcss": "^3.3.2", - "vite": "^4.0.0" + "@fontsource/poppins": "^5.2.5", + "@tailwindcss/typography": "^0.5.16", + "alpinejs": "^3.14.9", + "autoprefixer": "^10.4.21", + "axios": "^1.8.3", + "gsap": "^3.12.5", + "laravel-vite-plugin": "^0.7.8", + "motion": "^12.5.0", + "postcss": "^8.5.3", + "prettier": "^3.3.3", + "prettier-plugin-blade": "^2.1.16", + "prettier-plugin-tailwindcss": "^0.6.5", + "tailwindcss": "^3.4.17", + "vite": "^4.5.9" } }, "node_modules/@alloc/quick-lru": { @@ -402,6 +408,16 @@ "node": ">=12" } }, + "node_modules/@fontsource/poppins": { + "version": "5.2.5", + "resolved": "https://registry.npmjs.org/@fontsource/poppins/-/poppins-5.2.5.tgz", + "integrity": "sha512-1S3k45pZOz2jqGPPqKw0in3uxFwnB+d5jSU8Tp9YwH/dIJptE3jdkQbYN0QD861GtuOpn6QhPW/yKt1w7hVRBQ==", + "dev": true, + "license": "OFL-1.1", + "funding": { + "url": "https://github.com/sponsors/ayuhito" + } + }, "node_modules/@isaacs/cliui": { "version": "8.0.2", "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz", @@ -556,9 +572,9 @@ "license": "MIT" }, "node_modules/alpinejs": { - "version": "3.14.8", - "resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-3.14.8.tgz", - "integrity": "sha512-wT2fuP2DXpGk/jKaglwy7S/IJpm1FD+b7U6zUrhwErjoq5h27S4dxkJEXVvhbdwyPv9U+3OkUuNLkZT4h2Kfrg==", + "version": "3.14.9", + "resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-3.14.9.tgz", + "integrity": "sha512-gqSOhTEyryU9FhviNqiHBHzgjkvtukq9tevew29fTj+ofZtfsYriw4zPirHHOAy9bw8QoL3WGhyk7QqCh5AYlw==", "dev": true, "license": "MIT", "dependencies": { @@ -627,9 +643,9 @@ "license": "MIT" }, "node_modules/autoprefixer": { - "version": "10.4.20", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz", - "integrity": "sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==", + "version": "10.4.21", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.21.tgz", + "integrity": "sha512-O+A6LWV5LDHSJD3LjHYoNi4VLsj/Whi7k6zG12xTYaU4cQ8oxQGckXNX8cRHK5yOZ/ppVHe0ZBXGzSV9jXdVbQ==", "dev": true, "funding": [ { @@ -647,11 +663,11 @@ ], "license": "MIT", "dependencies": { - "browserslist": "^4.23.3", - "caniuse-lite": "^1.0.30001646", + "browserslist": "^4.24.4", + "caniuse-lite": "^1.0.30001702", "fraction.js": "^4.3.7", "normalize-range": "^0.1.2", - "picocolors": "^1.0.1", + "picocolors": "^1.1.1", "postcss-value-parser": "^4.2.0" }, "bin": { @@ -665,9 +681,9 @@ } }, "node_modules/axios": { - "version": "1.7.9", - "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.9.tgz", - "integrity": "sha512-LhLcE7Hbiryz8oMDdDptSrWowmB4Bl6RCt6sIJKpRB4XtVf0iEgewX3au/pJqm+Py1kCASkb/FFKjxQaLtxJvw==", + "version": "1.8.3", + "resolved": "https://registry.npmjs.org/axios/-/axios-1.8.3.tgz", + "integrity": "sha512-iP4DebzoNlP/YN2dpwCgb8zoCmhtkajzS48JvwmkSkXvPI3DHc7m+XYL5tGnSlJtR6nImXZmdCuN5aP8dh1d8A==", "dev": true, "license": "MIT", "dependencies": { @@ -763,9 +779,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001695", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001695.tgz", - "integrity": "sha512-vHyLade6wTgI2u1ec3WQBxv+2BrTERV28UXQu9LO6lZ9pYeMk34vjXFLOxo1A4UBA8XTL4njRQZdno/yYaSmWw==", + "version": "1.0.30001705", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001705.tgz", + "integrity": "sha512-S0uyMMiYvA7CxNgomYBwwwPUnWzFD83f3B1ce5jHUfHTH//QL6hHsreI8RVC5606R4ssqravelYO5TU6t8sEyg==", "dev": true, "funding": [ { @@ -1105,6 +1121,34 @@ "url": "https://github.com/sponsors/rawify" } }, + "node_modules/framer-motion": { + "version": "12.5.0", + "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.5.0.tgz", + "integrity": "sha512-buPlioFbH9/W7rDzYh1C09AuZHAk2D1xTA1BlounJ2Rb9aRg84OXexP0GLd+R83v0khURdMX7b5MKnGTaSg5iA==", + "dev": true, + "license": "MIT", + "dependencies": { + "motion-dom": "^12.5.0", + "motion-utils": "^12.5.0", + "tslib": "^2.4.0" + }, + "peerDependencies": { + "@emotion/is-prop-valid": "*", + "react": "^18.0.0 || ^19.0.0", + "react-dom": "^18.0.0 || ^19.0.0" + }, + "peerDependenciesMeta": { + "@emotion/is-prop-valid": { + "optional": true + }, + "react": { + "optional": true + }, + "react-dom": { + "optional": true + } + } + }, "node_modules/fsevents": { "version": "2.3.3", "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", @@ -1164,6 +1208,13 @@ "node": ">=10.13.0" } }, + "node_modules/gsap": { + "version": "3.12.7", + "resolved": "https://registry.npmjs.org/gsap/-/gsap-3.12.7.tgz", + "integrity": "sha512-V4GsyVamhmKefvcAKaoy0h6si0xX7ogwBoBSs2CTJwt7luW0oZzC0LhdkyuKV8PJAXr7Yaj8pMjCKD4GJ+eEMg==", + "dev": true, + "license": "Standard 'no charge' license: https://gsap.com/standard-license. Club GSAP members get more: https://gsap.com/licensing/. Why GreenSock doesn't employ an MIT license: https://gsap.com/why-license/" + }, "node_modules/hasown": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz", @@ -1420,6 +1471,50 @@ "node": ">=16 || 14 >=14.17" } }, + "node_modules/motion": { + "version": "12.5.0", + "resolved": "https://registry.npmjs.org/motion/-/motion-12.5.0.tgz", + "integrity": "sha512-BTAYKszMmTvXSsIyeHNMPSicjWgUA4j7OmZv1xPpthm4sPub3ch66fy9U7BhJ1uXNL3YeprsIegzuvps3FkEMw==", + "dev": true, + "license": "MIT", + "dependencies": { + "framer-motion": "^12.5.0", + "tslib": "^2.4.0" + }, + "peerDependencies": { + "@emotion/is-prop-valid": "*", + "react": "^18.0.0 || ^19.0.0", + "react-dom": "^18.0.0 || ^19.0.0" + }, + "peerDependenciesMeta": { + "@emotion/is-prop-valid": { + "optional": true + }, + "react": { + "optional": true + }, + "react-dom": { + "optional": true + } + } + }, + "node_modules/motion-dom": { + "version": "12.5.0", + "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.5.0.tgz", + "integrity": "sha512-uH2PETDh7m+Hjd1UQQ56yHqwn83SAwNjimNPE/kC+Kds0t4Yh7+29rfo5wezVFpPOv57U4IuWved5d1x0kNhbQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "motion-utils": "^12.5.0" + } + }, + "node_modules/motion-utils": { + "version": "12.5.0", + "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.5.0.tgz", + "integrity": "sha512-+hFFzvimn0sBMP9iPxBa9OtRX35ZQ3py0UHnb8U29VD+d8lQ8zH3dTygJWqK7av2v6yhg7scj9iZuvTS0f4+SA==", + "dev": true, + "license": "MIT" + }, "node_modules/mz": { "version": "2.7.0", "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz", @@ -1580,9 +1675,9 @@ } }, "node_modules/postcss": { - "version": "8.5.1", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.1.tgz", - "integrity": "sha512-6oz2beyjc5VMn/KV1pPw8fliQkhBXrVn1Z3TVyqZxU8kZpzEKhBdmCFqI6ZbmGtamQvQGuU1sgPTk8ZrXDD7jQ==", + "version": "8.5.3", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz", + "integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==", "dev": true, "funding": [ { @@ -1743,6 +1838,114 @@ "dev": true, "license": "MIT" }, + "node_modules/prettier": { + "version": "3.5.3", + "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.5.3.tgz", + "integrity": "sha512-QQtaxnoDJeAkDvDKWCLiwIXkTgRhwYDEQCghU9Z6q03iyek/rxRh/2lC3HB7P8sWT2xC/y5JDctPLBIGzHKbhw==", + "dev": true, + "license": "MIT", + "bin": { + "prettier": "bin/prettier.cjs" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/prettier/prettier?sponsor=1" + } + }, + "node_modules/prettier-plugin-blade": { + "version": "2.1.21", + "resolved": "https://registry.npmjs.org/prettier-plugin-blade/-/prettier-plugin-blade-2.1.21.tgz", + "integrity": "sha512-+BPBPvla/Ppr0MVrqMAO+FTwxpXUYo8zhQPIGC7psNuMbB24y84cGrJ4Uc02GHTQN0q8txeG4Y4MxyJWgOujyQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12.0.0" + }, + "peerDependencies": { + "prettier": ">=3" + } + }, + "node_modules/prettier-plugin-tailwindcss": { + "version": "0.6.11", + "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.6.11.tgz", + "integrity": "sha512-YxaYSIvZPAqhrrEpRtonnrXdghZg1irNg4qrjboCXrpybLWVs55cW2N3juhspVJiO0JBvYJT8SYsJpc8OQSnsA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=14.21.3" + }, + "peerDependencies": { + "@ianvs/prettier-plugin-sort-imports": "*", + "@prettier/plugin-pug": "*", + "@shopify/prettier-plugin-liquid": "*", + "@trivago/prettier-plugin-sort-imports": "*", + "@zackad/prettier-plugin-twig": "*", + "prettier": "^3.0", + "prettier-plugin-astro": "*", + "prettier-plugin-css-order": "*", + "prettier-plugin-import-sort": "*", + "prettier-plugin-jsdoc": "*", + "prettier-plugin-marko": "*", + "prettier-plugin-multiline-arrays": "*", + "prettier-plugin-organize-attributes": "*", + "prettier-plugin-organize-imports": "*", + "prettier-plugin-sort-imports": "*", + "prettier-plugin-style-order": "*", + "prettier-plugin-svelte": "*" + }, + "peerDependenciesMeta": { + "@ianvs/prettier-plugin-sort-imports": { + "optional": true + }, + "@prettier/plugin-pug": { + "optional": true + }, + "@shopify/prettier-plugin-liquid": { + "optional": true + }, + "@trivago/prettier-plugin-sort-imports": { + "optional": true + }, + "@zackad/prettier-plugin-twig": { + "optional": true + }, + "prettier-plugin-astro": { + "optional": true + }, + "prettier-plugin-css-order": { + "optional": true + }, + "prettier-plugin-import-sort": { + "optional": true + }, + "prettier-plugin-jsdoc": { + "optional": true + }, + "prettier-plugin-marko": { + "optional": true + }, + "prettier-plugin-multiline-arrays": { + "optional": true + }, + "prettier-plugin-organize-attributes": { + "optional": true + }, + "prettier-plugin-organize-imports": { + "optional": true + }, + "prettier-plugin-sort-imports": { + "optional": true + }, + "prettier-plugin-style-order": { + "optional": true + }, + "prettier-plugin-svelte": { + "optional": true + } + } + }, "node_modules/proxy-from-env": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz", @@ -2148,6 +2351,13 @@ "dev": true, "license": "Apache-2.0" }, + "node_modules/tslib": { + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", + "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==", + "dev": true, + "license": "0BSD" + }, "node_modules/update-browserslist-db": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.2.tgz", diff --git a/package.json b/package.json index a15000bd..d9276202 100644 --- a/package.json +++ b/package.json @@ -6,14 +6,19 @@ "build": "vite build" }, "devDependencies": { - "@tailwindcss/typography": "^0.5.9", - "alpinejs": "^3.12.2", - "autoprefixer": "^10.4.14", - "axios": "^1.1.2", - "laravel-vite-plugin": "^0.7.5", - "postcss": "^8.4.24", - "tailwindcss": "^3.3.2", - "vite": "^4.0.0" - }, - "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e" + "@fontsource/poppins": "^5.2.5", + "@tailwindcss/typography": "^0.5.16", + "alpinejs": "^3.14.9", + "autoprefixer": "^10.4.21", + "axios": "^1.8.3", + "gsap": "^3.12.5", + "laravel-vite-plugin": "^0.7.8", + "motion": "^12.5.0", + "postcss": "^8.5.3", + "prettier": "^3.3.3", + "prettier-plugin-blade": "^2.1.16", + "prettier-plugin-tailwindcss": "^0.6.5", + "tailwindcss": "^3.4.17", + "vite": "^4.5.9" + } } diff --git a/resources/css/app.css b/resources/css/app.css index d7d940a4..baa32682 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -2,8 +2,10 @@ @tailwind components; @tailwind utilities; -[x-cloak] { - display: none; +@layer base { + html { + -webkit-tap-highlight-color: transparent; + } } /* Look cool on safari */ @@ -21,10 +23,9 @@ /* }*/ /*}*/ - /* Whole menu */ nav ul { - @apply text-xl md:text-sm list-none; + @apply list-none text-xl md:text-sm; } /* Categories */ @@ -33,8 +34,8 @@ nav > ul > li { & > a { @apply font-semibold; - @apply no-underline px-3 py-1.5 mb-1.5; - @apply border rounded-lg dark:border-white/15; + @apply mb-1.5 px-3 py-1.5 no-underline; + @apply rounded-lg border dark:border-white/15; } } @@ -60,7 +61,7 @@ nav > ul > li > ul { @apply font-normal; & a { - @apply w-full block; + @apply block w-full; @apply py-1.5; @apply border-l pl-3 dark:border-white/10; @apply ml-3; @@ -76,7 +77,6 @@ nav > ul > li > ul { /*@apply text-[#00aaa6];*/ @apply border-[#00aaa6] dark:border-[#00aaa6]/90; } - } } @@ -97,7 +97,7 @@ nav > ul > li > ul { } .prose pre { - @apply p-6 shadow-lg rounded-xl; + @apply rounded-xl p-6 shadow-lg; } .prose pre code { @@ -117,7 +117,7 @@ nav > ul > li > ul { } .prose img { - @apply shadow-md rounded-xl; + @apply rounded-xl shadow-md; } .prose img.no-format { @@ -129,7 +129,7 @@ nav > ul > li > ul { overflow-x-auto is recommended. */ .prose pre { - @apply p-0 my-4 overflow-x-auto bg-transparent rounded-md; + @apply my-4 overflow-x-auto rounded-md bg-transparent p-0; } /* @@ -139,7 +139,7 @@ nav > ul > li > ul { colors extend edge to edge. */ .prose pre code.torchlight { - @apply block py-4 min-w-max; + @apply block min-w-max py-4; } /* @@ -158,27 +158,23 @@ nav > ul > li > ul { @apply mr-4; } - - - - :root { --docsearch-container-background: rgba(0, 0, 0, 0.5); --docsearch-primary-color: #00aaa6; } -[id=docsearch] { +[id='docsearch'] { width: 100%; @apply md:w-auto; } .DocSearch-Button { - @apply border border-solid border-gray-400/50 dark:border-white/10 dark:bg-black/10 flex items-center w-full rounded; + @apply flex w-full items-center rounded border border-solid border-gray-400/50 dark:border-white/10 dark:bg-black/10; } .DocSearch-Button:hover { box-shadow: none; - @apply text-gray-400 border-gray-400/70 bg-transparent dark:border-white/20; + @apply border-gray-400/70 bg-transparent text-gray-400 dark:border-white/20; } .DocSearch-Button .DocSearch-Search-Icon { @@ -187,7 +183,7 @@ nav > ul > li > ul { } .DocSearch-Button-Placeholder { - @apply dark:text-white/60 pr-44 text-xs; + @apply pr-44 text-xs dark:text-white/60; } .DocSearch-Button-Keys { @@ -202,7 +198,7 @@ nav > ul > li > ul { box-shadow: none; width: auto; - @apply font-sans mr-0.5; + @apply mr-0.5 font-sans; } .DocSearch-Modal { @@ -216,4 +212,3 @@ nav > ul > li > ul { .DocSearch-Input { @apply focus-visible:outline-none; } - diff --git a/resources/js/app.js b/resources/js/app.js index 8781af5c..42f50852 100644 --- a/resources/js/app.js +++ b/resources/js/app.js @@ -1,8 +1,57 @@ -import './bootstrap'; +import { gsap } from 'gsap' +import { ScrollTrigger } from 'gsap/ScrollTrigger' +import './bootstrap' import Alpine from 'alpinejs' -import codeBlock from "./alpine/codeBlock.js"; +import codeBlock from './alpine/codeBlock.js' +import.meta.glob(['../images/**', '../svg/**']) +import { + animate, + hover, + inView, + easeIn, + easeOut, + easeInOut, + backIn, + backOut, + backInOut, + circIn, + circOut, + circInOut, + anticipate, + spring, +} from 'motion' -window.Alpine = Alpine; +// GSAP +gsap.registerPlugin(ScrollTrigger) +window.ScrollTrigger = ScrollTrigger +window.gsap = gsap + +// Motion +window.motion = { + animate: animate, + hover: hover, + inView: inView, + easeIn: easeIn, + easeOut: easeOut, + easeInOut: easeInOut, + backOut: backOut, + backIn: backIn, + backInOut: backInOut, + circIn: circIn, + circOut: circOut, + circInOut: circInOut, + anticipate: anticipate, + spring: spring, +} + +// Alpine +window.Alpine = Alpine Alpine.data('codeBlock', codeBlock) +Alpine.magic('refAll', (el) => { + return (refName) => { + return Array.from(document.querySelectorAll(`[x-ref="${refName}"]`)) + } +}) + Alpine.start() diff --git a/resources/js/fonts.js b/resources/js/fonts.js new file mode 100644 index 00000000..df6779fe --- /dev/null +++ b/resources/js/fonts.js @@ -0,0 +1 @@ +import '@fontsource/poppins' diff --git a/vite.config.js b/vite.config.js index 67bdbe16..03e1a688 100644 --- a/vite.config.js +++ b/vite.config.js @@ -1,13 +1,12 @@ -import {defineConfig} from 'vite'; -import laravel from 'laravel-vite-plugin'; +import { defineConfig } from 'vite' +import laravel from 'laravel-vite-plugin' export default defineConfig({ - server: { cors: { origin: [ /^https?:\/\/(?:(?:[^:]+\.)?localhost|127\.0\.0\.1|\[::1\])(?::\d+)?$/, - /^https?:\/\/.*\.test(:\d+)?$/, // Valet / Herd (SCHEME://*.test:PORT) + /^https?:\/\/.*\.test(:\d+)?$/, // Valet / Herd (SCHEME://*.test:PORT) ], }, }, @@ -17,4 +16,4 @@ export default defineConfig({ refresh: true, }), ], -}); +}) From f421610f430bb0bc8273c9355317834a5b04e69e Mon Sep 17 00:00:00 2001 From: HassanZahirnia Date: Sun, 16 Mar 2025 16:53:42 +0330 Subject: [PATCH 002/106] =?UTF-8?q?=E2=9C=A8=20Refactor=20layout=20and=20a?= =?UTF-8?q?lert=20components,=20update=20Tailwind=20CSS=20configuration,?= =?UTF-8?q?=20and=20clean=20up=20unused=20styles?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- resources/assets/background-pattern-dark.svg | 1 - resources/assets/background-pattern.svg | 1 - resources/assets/bg.svg | 405 ------------------ resources/css/app.css | 15 - resources/views/components/alert.blade.php | 14 +- .../views/components/header-banner.blade.php | 106 +++-- resources/views/components/layout.blade.php | 110 +++-- resources/views/early-adopter.blade.php | 231 ++++++---- resources/views/welcome.blade.php | 123 +++--- tailwind.config.js | 24 +- 10 files changed, 373 insertions(+), 657 deletions(-) delete mode 100644 resources/assets/background-pattern-dark.svg delete mode 100644 resources/assets/background-pattern.svg delete mode 100644 resources/assets/bg.svg diff --git a/resources/assets/background-pattern-dark.svg b/resources/assets/background-pattern-dark.svg deleted file mode 100644 index 461b3bc4..00000000 --- a/resources/assets/background-pattern-dark.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/resources/assets/background-pattern.svg b/resources/assets/background-pattern.svg deleted file mode 100644 index 9f543b8f..00000000 --- a/resources/assets/background-pattern.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/resources/assets/bg.svg b/resources/assets/bg.svg deleted file mode 100644 index b27f86a1..00000000 --- a/resources/assets/bg.svg +++ /dev/null @@ -1,405 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/resources/css/app.css b/resources/css/app.css index baa32682..9a77ade9 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -8,21 +8,6 @@ } } -/* Look cool on safari */ -.blur-background { - backdrop-filter: blur(20px); -} - -.background-pattern { - background-image: url('../assets/bg.svg'); -} - -/*@media(prefers-color-scheme: dark) {*/ -/* .background-pattern {*/ -/* background-image: url('../assets/background-pattern-dark.svg');*/ -/* }*/ -/*}*/ - /* Whole menu */ nav ul { @apply list-none text-xl md:text-sm; diff --git a/resources/views/components/alert.blade.php b/resources/views/components/alert.blade.php index f668487c..5d350503 100644 --- a/resources/views/components/alert.blade.php +++ b/resources/views/components/alert.blade.php @@ -1,6 +1,12 @@ -
- - 📲  Join the NativePHP for mobile Early Access Program → +
+ + 📲  Join the NativePHP for mobile Early Access Program + →
diff --git a/resources/views/components/header-banner.blade.php b/resources/views/components/header-banner.blade.php index e4ebc690..93464240 100644 --- a/resources/views/components/header-banner.blade.php +++ b/resources/views/components/header-banner.blade.php @@ -1,69 +1,95 @@ @props(['hasMenu' => false]) -
- +
-
+
- - + + NativePHP
-
- -
+
-
- +
diff --git a/resources/views/components/layout.blade.php b/resources/views/components/layout.blade.php index 76d2be6a..3e5fccf8 100644 --- a/resources/views/components/layout.blade.php +++ b/resources/views/components/layout.blade.php @@ -1,47 +1,75 @@ - - - - - + + + + + + + - + NativePHP{{ isset($title) ? ' | ' . $title : '' }} - {!! SEOMeta::generate() !!} - {!! OpenGraph::generate() !!} - {!! Twitter::generate() !!} - - - - - - @vite(["resources/css/app.css", "resources/js/app.js"]) + {{-- Favicon --}} + - - - - - + {!! SEOMeta::generate() !!} + {!! OpenGraph::generate() !!} + {!! Twitter::generate() !!} + - -{{ $slot }} - - - + + + + + {{-- Styles --}} + + @vite('resources/css/app.css') + + + + {{ $slot }} + + + @vite('resources/js/app.js') + diff --git a/resources/views/early-adopter.blade.php b/resources/views/early-adopter.blade.php index 15617930..ae33663c 100644 --- a/resources/views/early-adopter.blade.php +++ b/resources/views/early-adopter.blade.php @@ -1,78 +1,111 @@ - - + -
+
- -

+

NativePHP for - iOS + + iOS + and - Android + + Android + is coming!

-

- Development of NativePHP for mobile has already started and you can get access - and start building apps right now!

- Join the Early Access Program by purchasing a license. +

+ Development of NativePHP for mobile has already started and you + can get access and start building apps right now! +
+
+ Join the + Early Access Program + by purchasing a license.

-

Annual license — $250

+

Annual license — $250

-
- +
+ Join the Early Access Program!
-

- Not ready to join the EAP?
- Sign up for the newsletter to keep up with the - latest developments. +

+ Not ready to join the EAP? +
+ + Sign up for the newsletter + + to keep up with the latest developments.

-
-
-
+
+
+

Why Join the Early Access Program?

- Up to now, NativePHP has focused on Windows, Mac, and Linux. But we believe that breaking the mobile - frontier is what makes the project truly compelling... and truly cross-platform. + Up to now, NativePHP has focused on Windows, Mac, and Linux. + But we believe that breaking the mobile frontier is what + makes the project truly compelling... and truly + cross-platform.

- With significant progress already made towards enabling - NativePHP for mobile, we are excited about the possibilities that lie ahead. + With + significant progress + already made towards enabling + NativePHP for mobile + , we are excited about the possibilities that lie ahead.

- However, to make this vision a reality for both iOS and Android, we need your support. + However, to make this vision a reality for both iOS and + Android, we need your support.

- As an EAP member, you will be supporting the continued development of all of NativePHP, but - especially of NativePHP for mobile. + As an EAP member, you will be supporting the continued + development of all of NativePHP, but especially of NativePHP + for mobile.

- You'll have the opportunity to influence the direction of the project and provide critical - feedback right from an early stage. + You'll have the opportunity to influence the direction of + the project and provide critical feedback right from an + early stage.

- You'll get exclusive access to all the latest features first and special treatment for the life of - the NativePHP project, a project we plan to be working on for a long time to come! + You'll get exclusive access to all the latest features first + and special treatment for the life of the NativePHP project, + a project we plan to be working on for a long time to come!

- Please join us on this exciting journey to expand NativePHP onto mobile platforms. -

-

- We can't wait to see what you build! + Please join us on this exciting journey to expand NativePHP + onto mobile platforms.

+

We can't wait to see what you build!

- Simon & Marcel
+ Simon & Marcel +
Creators of NativePHP

@@ -83,80 +116,122 @@ class="rounded-md bg-teal-500 px-8 py-4 text-2xl font-semibold text-white shadow
-

Early Access Program

-

+

+ Early Access Program +

+

Program Benefits

-
- -
-

- +
+
+

+ Get the code!

-
+

- You'll get early access to the code, documentation and more, and watch closely as it - evolves and start to build your projects before anyone else. + You'll get early access to the code, documentation + and more, and watch closely as it evolves and start + to build your projects before anyone else.

-
-

- +
+

+ Access to an exclusive Discord channel

-
+

- Decide the direction of the project and what gets implemented next. Plus a direct - line to the creators of NativePHP and other EAP members. + Decide the direction of the project and what gets + implemented next. Plus a direct line to the creators + of NativePHP and other EAP members.

-
-

- +
+

+ A lifetime of rewards and discounts

-
+

- The NativePHP ecosystem is about to explode! There will be premium tools and - packages, starter kits and more. As an EAP member, you'll get exclusive discounts - not available to anyone else. + The NativePHP ecosystem is about to explode! There + will be premium tools and packages, starter kits and + more. As an EAP member, you'll get exclusive + discounts not available to anyone else.

-
-

- +
+

+ Your name in NativePHP's history

-
+

- All EAP members will be immortalized across the NativePHP ecosystem, showing the - rest of the community the valuable part you've played in supporting this project's - creation and ongoing development. + All EAP members will be immortalized across the + NativePHP ecosystem, showing the rest of the + community the valuable part you've played in + supporting this project's creation and ongoing + development.

-
- +
+ Get early access now!

- + diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php index c6e12175..0df2c82f 100644 --- a/resources/views/welcome.blade.php +++ b/resources/views/welcome.blade.php @@ -1,68 +1,69 @@ - - - - - - - NativePHP | Baking Delicious Native Apps - {!! OpenGraph::generate() !!} - {!! Twitter::generate() !!} - - - - - @vite(["resources/css/app.css", "resources/js/app.js"]) - - - - - - - + +
+
+ + +

NativePHP

+

+ NativePHP is a new way to build native applications, + + using the tools you already know. +

+
+ + Get started + + + Source code + +
-
-
- - -

NativePHP

-

- NativePHP is a new way to build native applications, - - using the tools you already know. -

-
- - Get started - - - Source code - -
+
+

Featured Sponsors

-
-

Featured Sponsors

+
+ +
-
- -
+

Corporate Sponsors

-

Corporate Sponsors

+
+ +
-
- + + Want your logo here? +
+
- - Want your logo here? - -
- - - - - - - + + + diff --git a/tailwind.config.js b/tailwind.config.js index edee5462..7cd5e7b8 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,24 +1,26 @@ -import defaultTheme from "tailwindcss/defaultTheme"; - /** @type {import('tailwindcss').Config} */ +const { fontFamily } = require('tailwindcss/defaultTheme') + export default { content: [ - "./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php", - "./storage/framework/views/*.php", - "./resources/views/**/*.blade.php", - "./app/**/*.php", - // "./app/Extensions/**/*.php", + './resources/**/*.{js,blade.php}', + './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php', + './storage/framework/views/*.php', + './app/**/*.php', ], safelist: ['inline', 'text-red-600', 'mr-2', 'font-bold', 'no-underline'], theme: { + extend: { + fontFamily: { + poppins: "'Poppins', Verdana, sans-serif", + }, + }, container: { center: true, }, }, - plugins: [ - require('@tailwindcss/typography'), - ], -}; + plugins: [require('@tailwindcss/typography')], +} From d07ba04e6da367ef02034135ed20ec9b6e9c7cce Mon Sep 17 00:00:00 2001 From: HassanZahirnia Date: Mon, 17 Mar 2025 02:13:27 +0330 Subject: [PATCH 003/106] =?UTF-8?q?=E2=9C=A8=20Add=20EAP=20banner=20compon?= =?UTF-8?q?ent,=20update=20font=20import,=20and=20remove=20old=20alert=20c?= =?UTF-8?q?omponent?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- resources/js/app.js | 1 + resources/js/fonts.js | 2 +- resources/views/components/alert.blade.php | 12 -- .../views/components/eap-banner.blade.php | 47 ++++++++ .../views/components/header-banner.blade.php | 4 +- resources/views/welcome.blade.php | 104 ++++++++++++------ 6 files changed, 123 insertions(+), 47 deletions(-) delete mode 100644 resources/views/components/alert.blade.php create mode 100644 resources/views/components/eap-banner.blade.php diff --git a/resources/js/app.js b/resources/js/app.js index 42f50852..0af9ac72 100644 --- a/resources/js/app.js +++ b/resources/js/app.js @@ -1,3 +1,4 @@ +import './fonts' import { gsap } from 'gsap' import { ScrollTrigger } from 'gsap/ScrollTrigger' import './bootstrap' diff --git a/resources/js/fonts.js b/resources/js/fonts.js index df6779fe..6b6da022 100644 --- a/resources/js/fonts.js +++ b/resources/js/fonts.js @@ -1 +1 @@ -import '@fontsource/poppins' +import '@fontsource/poppins/latin.css' diff --git a/resources/views/components/alert.blade.php b/resources/views/components/alert.blade.php deleted file mode 100644 index 5d350503..00000000 --- a/resources/views/components/alert.blade.php +++ /dev/null @@ -1,12 +0,0 @@ -
- - 📲  Join the NativePHP for mobile Early Access Program - → - -
diff --git a/resources/views/components/eap-banner.blade.php b/resources/views/components/eap-banner.blade.php new file mode 100644 index 00000000..63b4b1d5 --- /dev/null +++ b/resources/views/components/eap-banner.blade.php @@ -0,0 +1,47 @@ + + + {{-- Text --}} +
+ Join our Mobile Early Access Program +
+ + {{-- Arrow --}} + + + + diff --git a/resources/views/components/header-banner.blade.php b/resources/views/components/header-banner.blade.php index 93464240..3bd975fd 100644 --- a/resources/views/components/header-banner.blade.php +++ b/resources/views/components/header-banner.blade.php @@ -3,7 +3,7 @@ class="sticky top-0 z-50 border-b border-gray-100 bg-gray-50/85 text-white dark:border-0 dark:bg-gray-800/85" >
- +
diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php index 0df2c82f..a56600a2 100644 --- a/resources/views/welcome.blade.php +++ b/resources/views/welcome.blade.php @@ -1,4 +1,76 @@ + {{-- Hero --}} +
+ {{-- Header --}} +
+

Build

+

Native

+

PHP Apps

+
+ + {{-- Description --}} +

+ Bring your + + PHP + + & + + Laravel + + skills to the world of + desktop & mobile apps + . You can build cross-platform applications effortlessly—no extra + tools, just the stack you love. +

+ + {{-- Button --}} +
+ +
+
Get
+
Started
+ + + +
+ + + + +
+
- - -

NativePHP

-

- NativePHP is a new way to build native applications, - - using the tools you already know. -

-
- - Get started - - - Source code - -
-

Featured Sponsors

From d3a7e400a35f874fbd84eb2123b2cdc09cc79c1b Mon Sep 17 00:00:00 2001 From: HassanZahirnia Date: Mon, 17 Mar 2025 04:12:30 +0330 Subject: [PATCH 004/106] =?UTF-8?q?=E2=9C=A8=20Update=20layout=20component?= =?UTF-8?q?s=20to=20include=20footer,=20enhance=20sponsor=20links=20with?= =?UTF-8?q?=20improved=20styling,=20and=20clean=20up=20unused=20code?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/layout-three-columns.blade.php | 14 +-- resources/views/components/layout.blade.php | 3 +- .../components/sponsors-corporate.blade.php | 44 ++++++--- .../components/sponsors-featured.blade.php | 29 ++++-- .../components/sponsors/laradir.blade.php | 25 ++++- resources/views/early-adopter.blade.php | 2 - resources/views/welcome.blade.php | 99 +++++++++++++------ 7 files changed, 154 insertions(+), 62 deletions(-) diff --git a/resources/views/components/layout-three-columns.blade.php b/resources/views/components/layout-three-columns.blade.php index 496b7447..fdb67dd4 100644 --- a/resources/views/components/layout-three-columns.blade.php +++ b/resources/views/components/layout-three-columns.blade.php @@ -1,28 +1,24 @@
-
- - @if(!empty($sidebarLeft)) + @if (! empty($sidebarLeft)) {{ $sidebarLeft }} @endif -
-
- - @if(!empty($sidebarRight)) +
+ @if (! empty($sidebarRight)) {{ $sidebarRight }} @endif {{ $slot }} - -
diff --git a/resources/views/components/layout.blade.php b/resources/views/components/layout.blade.php index 3e5fccf8..7ad84dc2 100644 --- a/resources/views/components/layout.blade.php +++ b/resources/views/components/layout.blade.php @@ -55,10 +55,11 @@ {{ $slot }} + diff --git a/resources/views/components/navigation-bar.blade.php b/resources/views/components/navigation-bar.blade.php new file mode 100644 index 00000000..6a8f9939 --- /dev/null +++ b/resources/views/components/navigation-bar.blade.php @@ -0,0 +1,98 @@ +@props(['hasMenu' => false]) + + From 22a59d6d2ae377e44142536f7c17498bd37bfd53 Mon Sep 17 00:00:00 2001 From: HassanZahirnia Date: Tue, 18 Mar 2025 22:50:14 +0330 Subject: [PATCH 020/106] =?UTF-8?q?=E2=9C=A8=20Improve=20navigation=20bar?= =?UTF-8?q?=20responsiveness=20and=20styling;=20adjust=20logo=20size=20and?= =?UTF-8?q?=20enhance=20search=20button=20visibility?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- resources/css/app.css | 11 ++- .../views/components/navigation-bar.blade.php | 83 +++++++++---------- 2 files changed, 48 insertions(+), 46 deletions(-) diff --git a/resources/css/app.css b/resources/css/app.css index 3558e3fc..c452de83 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -167,15 +167,22 @@ nav > ul > li > ul { @apply text-gray-500 dark:text-white/60; } +@media (max-width: 768px) { + .DocSearch-Button-Keys, + .DocSearch-Button-Placeholder { + display: block; + } +} + .DocSearch-Button-Placeholder { - @apply pr-20 text-sm dark:text-white/60; + @apply hidden pr-20 text-sm min-[500px]:block dark:text-white/60; } .DocSearch-Button-Keys { display: flex; min-width: auto; - @apply mt-1 text-sm leading-none; + @apply ml-1 mt-1 text-sm leading-none; } .DocSearch-Button-Key { diff --git a/resources/views/components/navigation-bar.blade.php b/resources/views/components/navigation-bar.blade.php index 6a8f9939..6802f5c7 100644 --- a/resources/views/components/navigation-bar.blade.php +++ b/resources/views/components/navigation-bar.blade.php @@ -14,19 +14,19 @@ class="mx-auto flex w-full max-w-5xl items-center justify-between gap-5 rounded- {{-- Logo --}}
- + NativePHP
1.0.0-beta.2
-
+
{{-- Doc search --}} - From 1b6fd1fb775514394285f66b04a637d9aec1556b Mon Sep 17 00:00:00 2001 From: HassanZahirnia Date: Tue, 18 Mar 2025 22:57:33 +0330 Subject: [PATCH 021/106] =?UTF-8?q?=E2=9C=A8=20Enhance=20navigation=20comp?= =?UTF-8?q?onents=20with=20improved=20layout,=20add=20Docs=20link,=20and?= =?UTF-8?q?=20refine=20transition=20effects?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../views/components/navigation-bar.blade.php | 12 ++++- .../sidebar-left-navigation.blade.php | 45 +++++++------------ 2 files changed, 27 insertions(+), 30 deletions(-) diff --git a/resources/views/components/navigation-bar.blade.php b/resources/views/components/navigation-bar.blade.php index 6802f5c7..a7cbd1dd 100644 --- a/resources/views/components/navigation-bar.blade.php +++ b/resources/views/components/navigation-bar.blade.php @@ -64,7 +64,7 @@ class="hidden size-[3px] rotate-45 rounded-sm bg-gray-400 lg:block" + request()->is('docs*'), + 'opacity-60 hover:opacity-100' => ! request()->is('docs*'), + ]) + > + Docs + @else
{{-- Line --}} Play introduction video
-

Video

+

Video

@@ -204,10 +218,12 @@ class="font-normal text-gray-600 dark:text-white/40" Laracon EU 2025 : Simon Hamp // Building Mobile Apps with PHP @@ -215,7 +231,7 @@ class="mt-2 w-40 rounded-xl"

{{-- PHP Apps --}} -

PHP Apps -

+

{{-- Shiny line --}}

{{-- Collaborations --}} -
+

{{-- Simon card --}}

{{-- Dashed line --}} -
{{-- Marcel talk --}} -
+
Want to learn more about the project? - +

{{-- Sponsors --}} -

+
+

+ Sponsors +

{{-- Featured sponsors --}}
-

Featured Sponsors -

+
@@ -973,8 +1056,10 @@ class="flex grow flex-wrap items-center justify-center gap-5 md:justify-end" {{-- Corporate sponsors --}}
-

Corporate Sponsors -

+
@@ -1050,6 +1137,7 @@ class="opacity-0 will-change-transform" {{-- PHP Apps --}} - + {{-- Shiny line --}}
{{-- Play button --}}
{{-- Description --}} -

Bring your PHP @@ -350,9 +357,9 @@ class="inline-block font-medium text-[#7a8bd7] transition duration-200 will-chan Laravel @@ -362,9 +369,9 @@ class="inline-block font-medium text-[#F53003] transition duration-200 will-chan . You can build cross-platform applications effortlessly—no extra tools, just the stack you love. -

+

- {{-- Button --}} + {{-- Call to Action Button --}}

LaraDevs -

+

{{-- Dashed line --}} @@ -628,8 +635,10 @@ class="relative top-0.5 size-2 rotate-90" {{-- Image --}} Simon Hamp - Project Collaborator
{{-- Marcel card --}} @@ -656,8 +665,10 @@ class="group/marcel flex flex-col items-center px-2 pb-5 pt-2 opacity-0 min-[400 {{-- Image --}} Marcel Paciot - Project Collaborator
@@ -679,7 +690,7 @@ class="hidden w-5 text-[#CBDAFF] transition duration-500 ease-in-out will-change

Marcel
- Paciot + Pociot

{{-- Title --}} @@ -692,18 +703,18 @@ class="hidden text-2xl font-light min-[400px]:block" > ~
-

+

CEO & Cofounder — BeyondCode -

+

{{-- Dashed line --}} @@ -784,7 +795,7 @@ class="mt-10 text-center text-xl font-medium capitalize opacity-0" + Many community contributors: - {{-- List --}} + {{-- Contributors List --}}
Milwad Khosravi Eser DENIZ A G JT Smith Yish Willem Leuverink +27 @@ -983,6 +1005,7 @@ class="pt-2 leading-relaxed text-gray-500 opacity-0" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen class="rounded-xl ring-1 ring-black/10" + loading="lazy" >
@@ -996,7 +1019,7 @@ class="mx-auto mt-20 max-w-5xl px-5" id="sponsors-title" class="sr-only" > - Sponsors + NativePHP Sponsors
{{-- Featured sponsors --}} @@ -1047,8 +1070,7 @@ class="shrink-0 text-xl font-medium opacity-0" } " class="flex grow flex-wrap items-center justify-center gap-5 md:justify-end" - role="list" - aria-label="Featured sponsors" + aria-label="Featured sponsors of the NativePHP project" >
@@ -1101,8 +1123,7 @@ class="shrink-0 text-xl font-medium opacity-0" } " class="flex grow flex-wrap items-center justify-center gap-5 md:justify-end" - role="list" - aria-label="Corporate sponsors" + aria-label="Corporate sponsors of the NativePHP project" >
From 3ef612e5afb628beeb8c076616233ac0bf189b11 Mon Sep 17 00:00:00 2001 From: HassanZahirnia Date: Fri, 21 Mar 2025 14:47:18 +0330 Subject: [PATCH 072/106] =?UTF-8?q?=E2=9C=A8=20Enhance=20footer=20accessib?= =?UTF-8?q?ility=20by=20updating=20aria=20attributes=20and=20improving=20s?= =?UTF-8?q?emantic=20structure?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- resources/views/components/footer.blade.php | 27 ++++++++++++++------- 1 file changed, 18 insertions(+), 9 deletions(-) diff --git a/resources/views/components/footer.blade.php b/resources/views/components/footer.blade.php index ff58194e..8b89f8fa 100644 --- a/resources/views/components/footer.blade.php +++ b/resources/views/components/footer.blade.php @@ -1,26 +1,32 @@
-
Logo by @@ -38,7 +47,7 @@ class="flex flex-wrap items-center justify-between gap-x-5 gap-y-3 text-sm text- href="https://twitter.com/caneco" target="_blank" class="transition duration-200 hover:text-black" - aria-label="Caneco on Twitter" + aria-label="Caneco's Twitter profile" rel="noopener noreferrer" > Caneco @@ -51,7 +60,7 @@ class="transition duration-200 hover:text-black" href="https://twitter.com/marcelpociot" target="_blank" class="transition duration-200 hover:text-black" - aria-label="Marcel Pociot on Twitter" + aria-label="Marcel Pociot's Twitter profile" rel="noopener noreferrer" > Marcel Pociot @@ -61,12 +70,12 @@ class="transition duration-200 hover:text-black" href="https://twitter.com/simonhamp" target="_blank" class="transition duration-200 hover:text-black" - aria-label="Simon Hamp on Twitter" + aria-label="Simon Hamp's Twitter profile" rel="noopener noreferrer" > Simon Hamp .
-
+
From d56e53a48835f35e6625345ab3ebffab312a6602 Mon Sep 17 00:00:00 2001 From: HassanZahirnia Date: Fri, 21 Mar 2025 15:10:40 +0330 Subject: [PATCH 073/106] =?UTF-8?q?=E2=9C=A8=20Update=20testimonial=20hand?= =?UTF-8?q?le=20text=20color=20for=20improved=20readability?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../views/components/testimonial.blade.php | 2 +- resources/views/early-adopter.blade.php | 810 +++++++++++------- 2 files changed, 513 insertions(+), 299 deletions(-) diff --git a/resources/views/components/testimonial.blade.php b/resources/views/components/testimonial.blade.php index 9967fc23..d65f6144 100644 --- a/resources/views/components/testimonial.blade.php +++ b/resources/views/components/testimonial.blade.php @@ -57,7 +57,7 @@ class="size-11 rounded-full" @if ($handle) {{-- Handle --}} -
+
{{ $handle }}
@endif diff --git a/resources/views/early-adopter.blade.php b/resources/views/early-adopter.blade.php index cdd5a1b5..b4266008 100644 --- a/resources/views/early-adopter.blade.php +++ b/resources/views/early-adopter.blade.php @@ -1,9 +1,13 @@ - {{-- Hero --}} -
+ {{-- Hero Section --}} +
- {{-- Header --}} + {{-- Primary Heading --}}

- {{-- Description --}} -

Development of NativePHP for mobile has already started and you can get access and start building apps right now! -

+
- {{-- Cards --}} -
- {{-- iOS --}} + {{-- Platform Cards --}} +
+ {{-- iOS Card --}}
{{-- Subtitle --}} -
Available on
+

Available on

{{-- Title --}} -

iOS

+

+ iOS +

{{-- Text --}} -

+

Join the Early Access Program to start developing iOS apps. -

+

{{-- Mockup --}}
- {{-- White blurred circle --}} + {{-- White blurred circle - Decorative --}} - {{-- Blue blurred circle --}} + {{-- Blue blurred circle - Decorative --}}
- {{-- Blurred circle --}} + {{-- Blurred circle - Decorative --}}
- {{-- Android --}} + {{-- Android Card --}}
{{-- Subtitle --}} -
Coming soon for
+

Coming soon for

{{-- Title --}} -

Android

+

+ Android +

{{-- Text --}} -

+

We're at hard work to make this possible, stay tuned! -

+

{{-- Mockup --}}
- {{-- White blurred circle --}} + {{-- White blurred circle - Decorative --}} - {{-- Center blurred circle --}} + {{-- Center blurred circle - Decorative --}}
- {{-- Blurred circle --}} + {{-- Blurred circle - Decorative --}}
- {{-- Quick instructions --}} -
+ {{-- Quick Instructions Section --}} +
- {{-- Header --}} + {{-- Section Heading --}}

- {{-- Description --}} -

Get your app up and running in minutes. -

+

- {{-- Steps --}} + {{-- Installation Steps --}}
{ + motion.inView($el, (element) => { + motion.animate([ + {{-- Slide 1 --}} + [ + $refs.slide1.querySelector('h3'), + { + opacity: [0, 1], + x: [-10, 0], + }, + { + duration: 0.7, + ease: motion.circOut, + }, + ], + [ + $refs.slide1.querySelector('p'), + { + opacity: [0, 1], + x: [-10, 0], + }, + { + duration: 0.7, + ease: motion.circOut, + at: '-0.5', + }, + ], + [ + $refs.slide1.querySelector('[x-ref=box]'), + { + opacity: [0, 1], + scale: [0, 1], + }, + { + duration: 0.8, + ease: motion.backOut, + at: '-0.8', + }, + ], + [ + $refs.slide1.querySelector('[x-ref=checkmark]'), + { + opacity: [0, 1], + scale: [0, 1], + }, + { + duration: 0.5, + ease: motion.backOut, + at: '-0.5', + }, + ], + [ + $refs.slide1.querySelector('[x-ref=success_title]'), + { + opacity: [0, 1], + y: [-10, 0], + }, + { + duration: 0.5, + ease: motion.circOut, + at: '-0.5', + }, + ], + [ + $refs.slide1.querySelector('[x-ref=success_subtitle]'), + { + opacity: [0, 0.5], + y: [10, 0], + }, + { + duration: 0.5, + ease: motion.circOut, + at: '-0.5', + }, + ], + {{-- Slide 2 --}} + [ + $refs.slide2.querySelector('h3'), + { + opacity: [0, 1], + x: [-10, 0], + }, + { + duration: 0.7, + ease: motion.circOut, + at: 0.5, + }, + ], + [ + $refs.slide2.querySelector('p'), + { + opacity: [0, 1], + x: [-10, 0], + }, + { + duration: 0.7, + ease: motion.circOut, + at: '-0.5', + }, + ], + [ + $refs.slide2.querySelector('[x-ref=box]'), + { + opacity: [0, 1], + scale: [0, 1], + }, + { + duration: 0.8, + ease: motion.backOut, + at: '-0.8', + }, + ], + [ + $refs.slide2.querySelector('[x-ref=terminal]'), + { + opacity: [0, 1], + x: [-10, 0], + }, + { + duration: 0.7, + ease: motion.circOut, + at: '-0.7', + }, + ], + [ + $refs.bashline1, + { clipPath: ['inset(0 100% 0 0)', 'inset(0 0% 0 0)'] }, + { + duration: 1.5, + ease: 'steps(16)', + at: '-0.3', + }, + ], + [ + $refs.bashline2, + { clipPath: ['inset(0 100% 0 0)', 'inset(0 0% 0 0)'] }, + { + duration: 1.8, + ease: 'steps(31)', + at: '-0.8', + }, + ], + {{-- Slide 3 --}} + [ + $refs.slide3.querySelector('h3'), + { + opacity: [0, 1], + x: [-10, 0], + }, + { + duration: 0.7, + ease: motion.circOut, + at: 1, + }, + ], + [ + $refs.slide3.querySelector('p'), + { + opacity: [0, 1], + x: [-10, 0], + }, + { + duration: 0.7, + ease: motion.circOut, + at: '-0.5', + }, + ], + [ + $refs.slide3.querySelector('[x-ref=box]'), + { + opacity: [0, 1], + scale: [0, 1], + }, + { + duration: 0.8, + ease: motion.backOut, + at: '-0.8', + }, + ], + ]) + }) + } + " class="flex flex-wrap items-center justify-center gap-x-10 gap-y-5 pt-7" + aria-label="Installation steps" > - {{-- Slide 1 --}} -
+ {{-- Step 1 --}} +
{{-- Step number --}} -
Step 1
+

+ Step 1 +

{{-- Step description --}} -
+

Buy a license. -

+

{{-- Box --}}
{{-- Checkmark --}} {{-- Success message --}} @@ -452,18 +493,28 @@ class="text-xs opacity-0"
- {{-- Slide 2 --}} -
+ + {{-- Step 2 --}} +
{{-- Step number --}} -
Step 2
+

+ Step 2 +

{{-- Step description --}} -
+

Install the private Composer package. -

+

{{-- Box --}}
{{-- Terminal --}}
~/native-php-app
composer require nativephp/ios
- {{-- Background image --}} + {{-- Background image - Decorative --}}
- {{-- Slide 3 --}} -
+ + {{-- Step 3 --}} +
{{-- Step number --}} -
Step 3
+

+ Step 3 +

{{-- Step description --}} -
+

Start your app. -

+

{{-- Box --}}
{{-- Background image --}} @@ -532,11 +599,15 @@ class="absolute inset-0 -z-10 h-full w-full object-cover"
- {{-- Pricing --}} -
+ {{-- Pricing Section --}} +
- {{-- Header --}} + {{-- Section Heading --}}

- {{-- Description --}} -

Start your journey to become a mobile developer -

+

- {{-- Plans --}} + {{-- Pricing Plans --}}
+ {{-- Pro Plan --}}
- {{-- Name --}} -

Pro

+ {{-- Plan Name --}} +

+ Pro +

{{-- Price --}} -
+
${{ number_format(50) }}
@@ -620,29 +702,42 @@ class="rounded-2xl bg-gray-100 p-7 opacity-0 dark:bg-gray-900/40"
{{-- Warning --}} -
- -
+
+
+

{{-- Button --}} Get started {{-- Features --}} -
+
- +
- {{-- Testimonials --}} -
+ {{-- Testimonials Section --}} +
- {{-- Header --}} + {{-- Section Heading --}}
- {{-- Description --}} -

Read what the people say about NativePHP -

+

- {{-- List --}} + {{-- Testimonial List --}}
- {{-- FAQ --}} -
- {{-- Header --}} + {{-- FAQ Section --}} +
+ {{-- Section Heading --}}

- {{-- List --}} + {{-- FAQ List --}}
-
+
-

Why Join the Early Access Program?

+

+ Why Join the Early Access Program? +

Up to now, NativePHP has focused on Windows, Mac, and Linux. But we believe that breaking the mobile frontier is what makes the @@ -1318,6 +1532,6 @@ class="prose mx-auto max-w-2xl opacity-0 dark:text-gray-400"
Creators of NativePHP

-
+

From 9b1ce3a481238e5b23a1a99e496c2da066155379 Mon Sep 17 00:00:00 2001 From: HassanZahirnia Date: Fri, 21 Mar 2025 15:13:25 +0330 Subject: [PATCH 074/106] =?UTF-8?q?=E2=9C=A8=20Update=20footer=20text=20co?= =?UTF-8?q?lor=20for=20improved=20contrast=20and=20enhance=20hover=20effec?= =?UTF-8?q?ts=20for=20better=20accessibility?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- resources/views/components/footer.blade.php | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/resources/views/components/footer.blade.php b/resources/views/components/footer.blade.php index 8b89f8fa..9e93c797 100644 --- a/resources/views/components/footer.blade.php +++ b/resources/views/components/footer.blade.php @@ -38,7 +38,7 @@ class="flex items-center pb-3 pt-5" {{-- Copyright --}}
@@ -46,7 +46,7 @@ class="flex flex-wrap items-center justify-between gap-x-5 gap-y-3 text-sm text- @@ -59,7 +59,7 @@ class="transition duration-200 hover:text-black" @@ -69,7 +69,7 @@ class="transition duration-200 hover:text-black" From ee271dda3ddcf10d5f2f67aac016660e24b6cdbd Mon Sep 17 00:00:00 2001 From: HassanZahirnia Date: Fri, 21 Mar 2025 15:35:52 +0330 Subject: [PATCH 075/106] =?UTF-8?q?=E2=9C=A8=20Enhance=20accessibility=20b?= =?UTF-8?q?y=20adding=20ARIA=20attributes=20and=20improving=20semantic=20s?= =?UTF-8?q?tructure=20in=20alert,=20footer,=20and=20navigation=20component?= =?UTF-8?q?s?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../views/components/alert-beta.blade.php | 27 +++++++++++++--- resources/views/components/footer.blade.php | 2 +- .../views/components/navigation-bar.blade.php | 32 ++++++++++++++++--- 3 files changed, 52 insertions(+), 9 deletions(-) diff --git a/resources/views/components/alert-beta.blade.php b/resources/views/components/alert-beta.blade.php index b272cdf4..08783af6 100644 --- a/resources/views/components/alert-beta.blade.php +++ b/resources/views/components/alert-beta.blade.php @@ -1,20 +1,35 @@