├── .gitignore ├── LICENSE ├── README.md ├── package-lock.json ├── package.json ├── postcss.config.js ├── public ├── AppImages │ └── icons.json ├── android │ ├── android-launchericon-144-144.png │ ├── android-launchericon-192-192.png │ ├── android-launchericon-48-48.png │ ├── android-launchericon-512-512.png │ ├── android-launchericon-72-72.png │ └── android-launchericon-96-96.png ├── favicon.ico ├── index.html ├── ios │ ├── 100.png │ ├── 1024.png │ ├── 114.png │ ├── 120.png │ ├── 128.png │ ├── 144.png │ ├── 152.png │ ├── 16.png │ ├── 167.png │ ├── 180.png │ ├── 192.png │ ├── 20.png │ ├── 256.png │ ├── 29.png │ ├── 32.png │ ├── 40.png │ ├── 50.png │ ├── 512.png │ ├── 57.png │ ├── 58.png │ ├── 60.png │ ├── 64.png │ ├── 72.png │ ├── 76.png │ ├── 80.png │ └── 87.png ├── logo1.png ├── logo192.png ├── logo512.png ├── manifest.json ├── robots.txt ├── ssfull.png ├── ssmob.png ├── sw.js └── windows11 │ ├── LargeTile.scale-100.png │ ├── LargeTile.scale-125.png │ ├── LargeTile.scale-150.png │ ├── LargeTile.scale-200.png │ ├── LargeTile.scale-400.png │ ├── SmallTile.scale-100.png │ ├── SmallTile.scale-125.png │ ├── SmallTile.scale-150.png │ ├── SmallTile.scale-200.png │ ├── SmallTile.scale-400.png │ ├── SplashScreen.scale-100.png │ ├── SplashScreen.scale-125.png │ ├── SplashScreen.scale-150.png │ ├── SplashScreen.scale-200.png │ ├── SplashScreen.scale-400.png │ ├── Square150x150Logo.scale-100.png │ ├── Square150x150Logo.scale-125.png │ ├── Square150x150Logo.scale-150.png │ ├── Square150x150Logo.scale-200.png │ ├── Square150x150Logo.scale-400.png │ ├── Square44x44Logo.altform-lightunplated_targetsize-16.png │ ├── Square44x44Logo.altform-lightunplated_targetsize-20.png │ ├── Square44x44Logo.altform-lightunplated_targetsize-24.png │ ├── Square44x44Logo.altform-lightunplated_targetsize-256.png │ ├── Square44x44Logo.altform-lightunplated_targetsize-30.png │ ├── Square44x44Logo.altform-lightunplated_targetsize-32.png │ ├── Square44x44Logo.altform-lightunplated_targetsize-36.png │ ├── Square44x44Logo.altform-lightunplated_targetsize-40.png │ ├── Square44x44Logo.altform-lightunplated_targetsize-44.png │ ├── Square44x44Logo.altform-lightunplated_targetsize-48.png │ ├── Square44x44Logo.altform-lightunplated_targetsize-60.png │ ├── Square44x44Logo.altform-lightunplated_targetsize-64.png │ ├── Square44x44Logo.altform-lightunplated_targetsize-72.png │ ├── Square44x44Logo.altform-lightunplated_targetsize-80.png │ ├── Square44x44Logo.altform-lightunplated_targetsize-96.png │ ├── Square44x44Logo.altform-unplated_targetsize-16.png │ ├── Square44x44Logo.altform-unplated_targetsize-20.png │ ├── Square44x44Logo.altform-unplated_targetsize-24.png │ ├── Square44x44Logo.altform-unplated_targetsize-256.png │ ├── Square44x44Logo.altform-unplated_targetsize-30.png │ ├── Square44x44Logo.altform-unplated_targetsize-32.png │ ├── Square44x44Logo.altform-unplated_targetsize-36.png │ ├── Square44x44Logo.altform-unplated_targetsize-40.png │ ├── Square44x44Logo.altform-unplated_targetsize-44.png │ ├── Square44x44Logo.altform-unplated_targetsize-48.png │ ├── Square44x44Logo.altform-unplated_targetsize-60.png │ ├── Square44x44Logo.altform-unplated_targetsize-64.png │ ├── Square44x44Logo.altform-unplated_targetsize-72.png │ ├── Square44x44Logo.altform-unplated_targetsize-80.png │ ├── Square44x44Logo.altform-unplated_targetsize-96.png │ ├── Square44x44Logo.scale-100.png │ ├── Square44x44Logo.scale-125.png │ ├── Square44x44Logo.scale-150.png │ ├── Square44x44Logo.scale-200.png │ ├── Square44x44Logo.scale-400.png │ ├── Square44x44Logo.targetsize-16.png │ ├── Square44x44Logo.targetsize-20.png │ ├── Square44x44Logo.targetsize-24.png │ ├── Square44x44Logo.targetsize-256.png │ ├── Square44x44Logo.targetsize-30.png │ ├── Square44x44Logo.targetsize-32.png │ ├── Square44x44Logo.targetsize-36.png │ ├── Square44x44Logo.targetsize-40.png │ ├── Square44x44Logo.targetsize-44.png │ ├── Square44x44Logo.targetsize-48.png │ ├── Square44x44Logo.targetsize-60.png │ ├── Square44x44Logo.targetsize-64.png │ ├── Square44x44Logo.targetsize-72.png │ ├── Square44x44Logo.targetsize-80.png │ ├── Square44x44Logo.targetsize-96.png │ ├── StoreLogo.scale-100.png │ ├── StoreLogo.scale-125.png │ ├── StoreLogo.scale-150.png │ ├── StoreLogo.scale-200.png │ ├── StoreLogo.scale-400.png │ ├── Wide310x150Logo.scale-100.png │ ├── Wide310x150Logo.scale-125.png │ ├── Wide310x150Logo.scale-150.png │ ├── Wide310x150Logo.scale-200.png │ └── Wide310x150Logo.scale-400.png ├── src ├── App.css ├── App.jsx ├── App.test.js ├── component ├── components │ ├── Navbar.css │ ├── Navbar.jsx │ ├── Projectitem.jsx │ ├── Skillitem.jsx │ └── Skills.jsx ├── index.css ├── index.js ├── logo.svg ├── mypro.css ├── pages │ ├── About.jsx │ ├── Contactus.jsx │ ├── Feedback.jsx │ ├── Projects.jsx │ ├── Refprojects.jsx │ └── myhtml.html ├── reportWebVitals.js ├── setupTests.js └── static │ ├── abpic.jpg │ ├── bootstrap.png │ ├── logo1.png │ ├── nodejs.png │ ├── pythondjango.png │ ├── react.png │ ├── static.png │ └── tailwind.png └── tailwind.config.js /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | 25 | # Local Netlify folder 26 | .netlify 27 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2023 Abdul Basit Ansari 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Getting Started with Create React App 2 | 3 | This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). 4 | 5 | ## Available Scripts 6 | 7 | In the project directory, you can run: 8 | 9 | ### `npm start` 10 | 11 | Runs the app in the development mode.\ 12 | Open [http://localhost:3000](http://localhost:3000) to view it in your browser. 13 | 14 | The page will reload when you make changes.\ 15 | You may also see any lint errors in the console. 16 | 17 | ### `npm test` 18 | 19 | Launches the test runner in the interactive watch mode.\ 20 | See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information. 21 | 22 | ### `npm run build` 23 | 24 | Builds the app for production to the `build` folder.\ 25 | It correctly bundles React in production mode and optimizes the build for the best performance. 26 | 27 | The build is minified and the filenames include the hashes.\ 28 | Your app is ready to be deployed! 29 | 30 | See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information. 31 | 32 | ### `npm run eject` 33 | 34 | **Note: this is a one-way operation. Once you `eject`, you can't go back!** 35 | 36 | If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project. 37 | 38 | Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own. 39 | 40 | You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it. 41 | 42 | ## Learn More 43 | 44 | You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started). 45 | 46 | To learn React, check out the [React documentation](https://reactjs.org/). 47 | 48 | ### Code Splitting 49 | 50 | This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting) 51 | 52 | ### Analyzing the Bundle Size 53 | 54 | This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size) 55 | 56 | ### Making a Progressive Web App 57 | 58 | This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app) 59 | 60 | ### Advanced Configuration 61 | 62 | This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration) 63 | 64 | ### Deployment 65 | 66 | This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment) 67 | 68 | ### `npm run build` fails to minify 69 | 70 | This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify) 71 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "protfolio", 3 | "version": "0.1.0", 4 | "private": true, 5 | "dependencies": { 6 | "@testing-library/jest-dom": "^5.16.5", 7 | "@testing-library/react": "^13.4.0", 8 | "@testing-library/user-event": "^13.5.0", 9 | "axios": "^0.27.2", 10 | "react": "^18.2.0", 11 | "react-dom": "^18.2.0", 12 | "react-router-dom": "^6.3.0", 13 | "react-scripts": "5.0.1", 14 | "web-vitals": "^2.1.4" 15 | }, 16 | "scripts": { 17 | "start": "react-scripts start", 18 | "build": "react-scripts build", 19 | "test": "react-scripts test", 20 | "eject": "react-scripts eject" 21 | }, 22 | "eslintConfig": { 23 | "extends": [ 24 | "react-app", 25 | "react-app/jest" 26 | ] 27 | }, 28 | "browserslist": { 29 | "production": [ 30 | ">0.2%", 31 | "not dead", 32 | "not op_mini all" 33 | ], 34 | "development": [ 35 | "last 1 chrome version", 36 | "last 1 firefox version", 37 | "last 1 safari version" 38 | ] 39 | }, 40 | "devDependencies": { 41 | "autoprefixer": "^10.4.8", 42 | "postcss": "^8.4.16", 43 | "tailwindcss": "^3.1.8" 44 | } 45 | } 46 | -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /public/AppImages/icons.json: -------------------------------------------------------------------------------- 1 | { 2 | "icons": [ 3 | { 4 | "src": "windows11/SmallTile.scale-100.png", 5 | "sizes": "71x71" 6 | }, 7 | { 8 | "src": "windows11/SmallTile.scale-125.png", 9 | "sizes": "89x89" 10 | }, 11 | { 12 | "src": "windows11/SmallTile.scale-150.png", 13 | "sizes": "107x107" 14 | }, 15 | { 16 | "src": "windows11/SmallTile.scale-200.png", 17 | "sizes": "142x142" 18 | }, 19 | { 20 | "src": "windows11/SmallTile.scale-400.png", 21 | "sizes": "284x284" 22 | }, 23 | { 24 | "src": "windows11/Square150x150Logo.scale-100.png", 25 | "sizes": "150x150" 26 | }, 27 | { 28 | "src": "windows11/Square150x150Logo.scale-125.png", 29 | "sizes": "188x188" 30 | }, 31 | { 32 | "src": "windows11/Square150x150Logo.scale-150.png", 33 | "sizes": "225x225" 34 | }, 35 | { 36 | "src": "windows11/Square150x150Logo.scale-200.png", 37 | "sizes": "300x300" 38 | }, 39 | { 40 | "src": "windows11/Square150x150Logo.scale-400.png", 41 | "sizes": "600x600" 42 | }, 43 | { 44 | "src": "windows11/Wide310x150Logo.scale-100.png", 45 | "sizes": "310x150" 46 | }, 47 | { 48 | "src": "windows11/Wide310x150Logo.scale-125.png", 49 | "sizes": "388x188" 50 | }, 51 | { 52 | "src": "windows11/Wide310x150Logo.scale-150.png", 53 | "sizes": "465x225" 54 | }, 55 | { 56 | "src": "windows11/Wide310x150Logo.scale-200.png", 57 | "sizes": "620x300" 58 | }, 59 | { 60 | "src": "windows11/Wide310x150Logo.scale-400.png", 61 | "sizes": "1240x600" 62 | }, 63 | { 64 | "src": "windows11/LargeTile.scale-100.png", 65 | "sizes": "310x310" 66 | }, 67 | { 68 | "src": "windows11/LargeTile.scale-125.png", 69 | "sizes": "388x388" 70 | }, 71 | { 72 | "src": "windows11/LargeTile.scale-150.png", 73 | "sizes": "465x465" 74 | }, 75 | { 76 | "src": "windows11/LargeTile.scale-200.png", 77 | "sizes": "620x620" 78 | }, 79 | { 80 | "src": "windows11/LargeTile.scale-400.png", 81 | "sizes": "1240x1240" 82 | }, 83 | { 84 | "src": "windows11/Square44x44Logo.scale-100.png", 85 | "sizes": "44x44" 86 | }, 87 | { 88 | "src": "windows11/Square44x44Logo.scale-125.png", 89 | "sizes": "55x55" 90 | }, 91 | { 92 | "src": "windows11/Square44x44Logo.scale-150.png", 93 | "sizes": "66x66" 94 | }, 95 | { 96 | "src": "windows11/Square44x44Logo.scale-200.png", 97 | "sizes": "88x88" 98 | }, 99 | { 100 | "src": "windows11/Square44x44Logo.scale-400.png", 101 | "sizes": "176x176" 102 | }, 103 | { 104 | "src": "windows11/StoreLogo.scale-100.png", 105 | "sizes": "50x50" 106 | }, 107 | { 108 | "src": "windows11/StoreLogo.scale-125.png", 109 | "sizes": "63x63" 110 | }, 111 | { 112 | "src": "windows11/StoreLogo.scale-150.png", 113 | "sizes": "75x75" 114 | }, 115 | { 116 | "src": "windows11/StoreLogo.scale-200.png", 117 | "sizes": "100x100" 118 | }, 119 | { 120 | "src": "windows11/StoreLogo.scale-400.png", 121 | "sizes": "200x200" 122 | }, 123 | { 124 | "src": "windows11/SplashScreen.scale-100.png", 125 | "sizes": "620x300" 126 | }, 127 | { 128 | "src": "windows11/SplashScreen.scale-125.png", 129 | "sizes": "775x375" 130 | }, 131 | { 132 | "src": "windows11/SplashScreen.scale-150.png", 133 | "sizes": "930x450" 134 | }, 135 | { 136 | "src": "windows11/SplashScreen.scale-200.png", 137 | "sizes": "1240x600" 138 | }, 139 | { 140 | "src": "windows11/SplashScreen.scale-400.png", 141 | "sizes": "2480x1200" 142 | }, 143 | { 144 | "src": "windows11/Square44x44Logo.targetsize-16.png", 145 | "sizes": "16x16" 146 | }, 147 | { 148 | "src": "windows11/Square44x44Logo.targetsize-20.png", 149 | "sizes": "20x20" 150 | }, 151 | { 152 | "src": "windows11/Square44x44Logo.targetsize-24.png", 153 | "sizes": "24x24" 154 | }, 155 | { 156 | "src": "windows11/Square44x44Logo.targetsize-30.png", 157 | "sizes": "30x30" 158 | }, 159 | { 160 | "src": "windows11/Square44x44Logo.targetsize-32.png", 161 | "sizes": "32x32" 162 | }, 163 | { 164 | "src": "windows11/Square44x44Logo.targetsize-36.png", 165 | "sizes": "36x36" 166 | }, 167 | { 168 | "src": "windows11/Square44x44Logo.targetsize-40.png", 169 | "sizes": "40x40" 170 | }, 171 | { 172 | "src": "windows11/Square44x44Logo.targetsize-44.png", 173 | "sizes": "44x44" 174 | }, 175 | { 176 | "src": "windows11/Square44x44Logo.targetsize-48.png", 177 | "sizes": "48x48" 178 | }, 179 | { 180 | "src": "windows11/Square44x44Logo.targetsize-60.png", 181 | "sizes": "60x60" 182 | }, 183 | { 184 | "src": "windows11/Square44x44Logo.targetsize-64.png", 185 | "sizes": "64x64" 186 | }, 187 | { 188 | "src": "windows11/Square44x44Logo.targetsize-72.png", 189 | "sizes": "72x72" 190 | }, 191 | { 192 | "src": "windows11/Square44x44Logo.targetsize-80.png", 193 | "sizes": "80x80" 194 | }, 195 | { 196 | "src": "windows11/Square44x44Logo.targetsize-96.png", 197 | "sizes": "96x96" 198 | }, 199 | { 200 | "src": "windows11/Square44x44Logo.targetsize-256.png", 201 | "sizes": "256x256" 202 | }, 203 | { 204 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-16.png", 205 | "sizes": "16x16" 206 | }, 207 | { 208 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-20.png", 209 | "sizes": "20x20" 210 | }, 211 | { 212 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-24.png", 213 | "sizes": "24x24" 214 | }, 215 | { 216 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-30.png", 217 | "sizes": "30x30" 218 | }, 219 | { 220 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-32.png", 221 | "sizes": "32x32" 222 | }, 223 | { 224 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-36.png", 225 | "sizes": "36x36" 226 | }, 227 | { 228 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-40.png", 229 | "sizes": "40x40" 230 | }, 231 | { 232 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-44.png", 233 | "sizes": "44x44" 234 | }, 235 | { 236 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-48.png", 237 | "sizes": "48x48" 238 | }, 239 | { 240 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-60.png", 241 | "sizes": "60x60" 242 | }, 243 | { 244 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-64.png", 245 | "sizes": "64x64" 246 | }, 247 | { 248 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-72.png", 249 | "sizes": "72x72" 250 | }, 251 | { 252 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-80.png", 253 | "sizes": "80x80" 254 | }, 255 | { 256 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-96.png", 257 | "sizes": "96x96" 258 | }, 259 | { 260 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-256.png", 261 | "sizes": "256x256" 262 | }, 263 | { 264 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-16.png", 265 | "sizes": "16x16" 266 | }, 267 | { 268 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-20.png", 269 | "sizes": "20x20" 270 | }, 271 | { 272 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-24.png", 273 | "sizes": "24x24" 274 | }, 275 | { 276 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-30.png", 277 | "sizes": "30x30" 278 | }, 279 | { 280 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-32.png", 281 | "sizes": "32x32" 282 | }, 283 | { 284 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-36.png", 285 | "sizes": "36x36" 286 | }, 287 | { 288 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-40.png", 289 | "sizes": "40x40" 290 | }, 291 | { 292 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-44.png", 293 | "sizes": "44x44" 294 | }, 295 | { 296 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-48.png", 297 | "sizes": "48x48" 298 | }, 299 | { 300 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-60.png", 301 | "sizes": "60x60" 302 | }, 303 | { 304 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-64.png", 305 | "sizes": "64x64" 306 | }, 307 | { 308 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-72.png", 309 | "sizes": "72x72" 310 | }, 311 | { 312 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-80.png", 313 | "sizes": "80x80" 314 | }, 315 | { 316 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-96.png", 317 | "sizes": "96x96" 318 | }, 319 | { 320 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-256.png", 321 | "sizes": "256x256" 322 | }, 323 | { 324 | "src": "android/android-launchericon-512-512.png", 325 | "sizes": "512x512" 326 | }, 327 | { 328 | "src": "android/android-launchericon-192-192.png", 329 | "sizes": "192x192" 330 | }, 331 | { 332 | "src": "android/android-launchericon-144-144.png", 333 | "sizes": "144x144" 334 | }, 335 | { 336 | "src": "android/android-launchericon-96-96.png", 337 | "sizes": "96x96" 338 | }, 339 | { 340 | "src": "android/android-launchericon-72-72.png", 341 | "sizes": "72x72" 342 | }, 343 | { 344 | "src": "android/android-launchericon-48-48.png", 345 | "sizes": "48x48" 346 | }, 347 | { 348 | "src": "ios/16.png", 349 | "sizes": "16x16" 350 | }, 351 | { 352 | "src": "ios/20.png", 353 | "sizes": "20x20" 354 | }, 355 | { 356 | "src": "ios/29.png", 357 | "sizes": "29x29" 358 | }, 359 | { 360 | "src": "ios/32.png", 361 | "sizes": "32x32" 362 | }, 363 | { 364 | "src": "ios/40.png", 365 | "sizes": "40x40" 366 | }, 367 | { 368 | "src": "ios/50.png", 369 | "sizes": "50x50" 370 | }, 371 | { 372 | "src": "ios/57.png", 373 | "sizes": "57x57" 374 | }, 375 | { 376 | "src": "ios/58.png", 377 | "sizes": "58x58" 378 | }, 379 | { 380 | "src": "ios/60.png", 381 | "sizes": "60x60" 382 | }, 383 | { 384 | "src": "ios/64.png", 385 | "sizes": "64x64" 386 | }, 387 | { 388 | "src": "ios/72.png", 389 | "sizes": "72x72" 390 | }, 391 | { 392 | "src": "ios/76.png", 393 | "sizes": "76x76" 394 | }, 395 | { 396 | "src": "ios/80.png", 397 | "sizes": "80x80" 398 | }, 399 | { 400 | "src": "ios/87.png", 401 | "sizes": "87x87" 402 | }, 403 | { 404 | "src": "ios/100.png", 405 | "sizes": "100x100" 406 | }, 407 | { 408 | "src": "ios/114.png", 409 | "sizes": "114x114" 410 | }, 411 | { 412 | "src": "ios/120.png", 413 | "sizes": "120x120" 414 | }, 415 | { 416 | "src": "ios/128.png", 417 | "sizes": "128x128" 418 | }, 419 | { 420 | "src": "ios/144.png", 421 | "sizes": "144x144" 422 | }, 423 | { 424 | "src": "ios/152.png", 425 | "sizes": "152x152" 426 | }, 427 | { 428 | "src": "ios/167.png", 429 | "sizes": "167x167" 430 | }, 431 | { 432 | "src": "ios/180.png", 433 | "sizes": "180x180" 434 | }, 435 | { 436 | "src": "ios/192.png", 437 | "sizes": "192x192" 438 | }, 439 | { 440 | "src": "ios/256.png", 441 | "sizes": "256x256" 442 | }, 443 | { 444 | "src": "ios/512.png", 445 | "sizes": "512x512" 446 | }, 447 | { 448 | "src": "ios/1024.png", 449 | "sizes": "1024x1024" 450 | } 451 | ] 452 | } -------------------------------------------------------------------------------- /public/android/android-launchericon-144-144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/android/android-launchericon-144-144.png -------------------------------------------------------------------------------- /public/android/android-launchericon-192-192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/android/android-launchericon-192-192.png -------------------------------------------------------------------------------- /public/android/android-launchericon-48-48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/android/android-launchericon-48-48.png -------------------------------------------------------------------------------- /public/android/android-launchericon-512-512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/android/android-launchericon-512-512.png -------------------------------------------------------------------------------- /public/android/android-launchericon-72-72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/android/android-launchericon-72-72.png -------------------------------------------------------------------------------- /public/android/android-launchericon-96-96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/android/android-launchericon-96-96.png -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/favicon.ico -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 16 | 17 | 18 | 19 | 20 | 24 | 25 | 26 | 27 | 28 | 37 | Code By Basit 38 | 43 | 44 | 45 | 46 |
47 | 57 | 58 | 59 | 60 | 61 | -------------------------------------------------------------------------------- /public/ios/100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/100.png -------------------------------------------------------------------------------- /public/ios/1024.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/1024.png -------------------------------------------------------------------------------- /public/ios/114.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/114.png -------------------------------------------------------------------------------- /public/ios/120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/120.png -------------------------------------------------------------------------------- /public/ios/128.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/128.png -------------------------------------------------------------------------------- /public/ios/144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/144.png -------------------------------------------------------------------------------- /public/ios/152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/152.png -------------------------------------------------------------------------------- /public/ios/16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/16.png -------------------------------------------------------------------------------- /public/ios/167.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/167.png -------------------------------------------------------------------------------- /public/ios/180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/180.png -------------------------------------------------------------------------------- /public/ios/192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/192.png -------------------------------------------------------------------------------- /public/ios/20.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/20.png -------------------------------------------------------------------------------- /public/ios/256.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/256.png -------------------------------------------------------------------------------- /public/ios/29.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/29.png -------------------------------------------------------------------------------- /public/ios/32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/32.png -------------------------------------------------------------------------------- /public/ios/40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/40.png -------------------------------------------------------------------------------- /public/ios/50.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/50.png -------------------------------------------------------------------------------- /public/ios/512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/512.png -------------------------------------------------------------------------------- /public/ios/57.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/57.png -------------------------------------------------------------------------------- /public/ios/58.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/58.png -------------------------------------------------------------------------------- /public/ios/60.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/60.png -------------------------------------------------------------------------------- /public/ios/64.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/64.png -------------------------------------------------------------------------------- /public/ios/72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/72.png -------------------------------------------------------------------------------- /public/ios/76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/76.png -------------------------------------------------------------------------------- /public/ios/80.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/80.png -------------------------------------------------------------------------------- /public/ios/87.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ios/87.png -------------------------------------------------------------------------------- /public/logo1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/logo1.png -------------------------------------------------------------------------------- /public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/logo192.png -------------------------------------------------------------------------------- /public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/logo512.png -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "Code By Basit", 3 | "name": "Code By Basit", 4 | "icons": [ 5 | { 6 | "src": "windows11/SmallTile.scale-100.png", 7 | "sizes": "71x71" 8 | }, 9 | { 10 | "src": "windows11/SmallTile.scale-125.png", 11 | "sizes": "89x89" 12 | }, 13 | { 14 | "src": "windows11/SmallTile.scale-150.png", 15 | "sizes": "107x107" 16 | }, 17 | { 18 | "src": "windows11/SmallTile.scale-200.png", 19 | "sizes": "142x142" 20 | }, 21 | { 22 | "src": "windows11/SmallTile.scale-400.png", 23 | "sizes": "284x284" 24 | }, 25 | { 26 | "src": "windows11/Square150x150Logo.scale-100.png", 27 | "sizes": "150x150" 28 | }, 29 | { 30 | "src": "windows11/Square150x150Logo.scale-125.png", 31 | "sizes": "188x188" 32 | }, 33 | { 34 | "src": "windows11/Square150x150Logo.scale-150.png", 35 | "sizes": "225x225" 36 | }, 37 | { 38 | "src": "windows11/Square150x150Logo.scale-200.png", 39 | "sizes": "300x300" 40 | }, 41 | { 42 | "src": "windows11/Square150x150Logo.scale-400.png", 43 | "sizes": "600x600" 44 | }, 45 | { 46 | "src": "windows11/Wide310x150Logo.scale-100.png", 47 | "sizes": "310x150" 48 | }, 49 | { 50 | "src": "windows11/Wide310x150Logo.scale-125.png", 51 | "sizes": "388x188" 52 | }, 53 | { 54 | "src": "windows11/Wide310x150Logo.scale-150.png", 55 | "sizes": "465x225" 56 | }, 57 | { 58 | "src": "windows11/Wide310x150Logo.scale-200.png", 59 | "sizes": "620x300" 60 | }, 61 | { 62 | "src": "windows11/Wide310x150Logo.scale-400.png", 63 | "sizes": "1240x600" 64 | }, 65 | { 66 | "src": "windows11/LargeTile.scale-100.png", 67 | "sizes": "310x310" 68 | }, 69 | { 70 | "src": "windows11/LargeTile.scale-125.png", 71 | "sizes": "388x388" 72 | }, 73 | { 74 | "src": "windows11/LargeTile.scale-150.png", 75 | "sizes": "465x465" 76 | }, 77 | { 78 | "src": "windows11/LargeTile.scale-200.png", 79 | "sizes": "620x620" 80 | }, 81 | { 82 | "src": "windows11/LargeTile.scale-400.png", 83 | "sizes": "1240x1240" 84 | }, 85 | { 86 | "src": "windows11/Square44x44Logo.scale-100.png", 87 | "sizes": "44x44" 88 | }, 89 | { 90 | "src": "windows11/Square44x44Logo.scale-125.png", 91 | "sizes": "55x55" 92 | }, 93 | { 94 | "src": "windows11/Square44x44Logo.scale-150.png", 95 | "sizes": "66x66" 96 | }, 97 | { 98 | "src": "windows11/Square44x44Logo.scale-200.png", 99 | "sizes": "88x88" 100 | }, 101 | { 102 | "src": "windows11/Square44x44Logo.scale-400.png", 103 | "sizes": "176x176" 104 | }, 105 | { 106 | "src": "windows11/StoreLogo.scale-100.png", 107 | "sizes": "50x50" 108 | }, 109 | { 110 | "src": "windows11/StoreLogo.scale-125.png", 111 | "sizes": "63x63" 112 | }, 113 | { 114 | "src": "windows11/StoreLogo.scale-150.png", 115 | "sizes": "75x75" 116 | }, 117 | { 118 | "src": "windows11/StoreLogo.scale-200.png", 119 | "sizes": "100x100" 120 | }, 121 | { 122 | "src": "windows11/StoreLogo.scale-400.png", 123 | "sizes": "200x200" 124 | }, 125 | { 126 | "src": "windows11/SplashScreen.scale-100.png", 127 | "sizes": "620x300" 128 | }, 129 | { 130 | "src": "windows11/SplashScreen.scale-125.png", 131 | "sizes": "775x375" 132 | }, 133 | { 134 | "src": "windows11/SplashScreen.scale-150.png", 135 | "sizes": "930x450" 136 | }, 137 | { 138 | "src": "windows11/SplashScreen.scale-200.png", 139 | "sizes": "1240x600" 140 | }, 141 | { 142 | "src": "windows11/SplashScreen.scale-400.png", 143 | "sizes": "2480x1200" 144 | }, 145 | { 146 | "src": "windows11/Square44x44Logo.targetsize-16.png", 147 | "sizes": "16x16" 148 | }, 149 | { 150 | "src": "windows11/Square44x44Logo.targetsize-20.png", 151 | "sizes": "20x20" 152 | }, 153 | { 154 | "src": "windows11/Square44x44Logo.targetsize-24.png", 155 | "sizes": "24x24" 156 | }, 157 | { 158 | "src": "windows11/Square44x44Logo.targetsize-30.png", 159 | "sizes": "30x30" 160 | }, 161 | { 162 | "src": "windows11/Square44x44Logo.targetsize-32.png", 163 | "sizes": "32x32" 164 | }, 165 | { 166 | "src": "windows11/Square44x44Logo.targetsize-36.png", 167 | "sizes": "36x36" 168 | }, 169 | { 170 | "src": "windows11/Square44x44Logo.targetsize-40.png", 171 | "sizes": "40x40" 172 | }, 173 | { 174 | "src": "windows11/Square44x44Logo.targetsize-44.png", 175 | "sizes": "44x44" 176 | }, 177 | { 178 | "src": "windows11/Square44x44Logo.targetsize-48.png", 179 | "sizes": "48x48" 180 | }, 181 | { 182 | "src": "windows11/Square44x44Logo.targetsize-60.png", 183 | "sizes": "60x60" 184 | }, 185 | { 186 | "src": "windows11/Square44x44Logo.targetsize-64.png", 187 | "sizes": "64x64" 188 | }, 189 | { 190 | "src": "windows11/Square44x44Logo.targetsize-72.png", 191 | "sizes": "72x72" 192 | }, 193 | { 194 | "src": "windows11/Square44x44Logo.targetsize-80.png", 195 | "sizes": "80x80" 196 | }, 197 | { 198 | "src": "windows11/Square44x44Logo.targetsize-96.png", 199 | "sizes": "96x96" 200 | }, 201 | { 202 | "src": "windows11/Square44x44Logo.targetsize-256.png", 203 | "sizes": "256x256" 204 | }, 205 | { 206 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-16.png", 207 | "sizes": "16x16" 208 | }, 209 | { 210 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-20.png", 211 | "sizes": "20x20" 212 | }, 213 | { 214 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-24.png", 215 | "sizes": "24x24" 216 | }, 217 | { 218 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-30.png", 219 | "sizes": "30x30" 220 | }, 221 | { 222 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-32.png", 223 | "sizes": "32x32" 224 | }, 225 | { 226 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-36.png", 227 | "sizes": "36x36" 228 | }, 229 | { 230 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-40.png", 231 | "sizes": "40x40" 232 | }, 233 | { 234 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-44.png", 235 | "sizes": "44x44" 236 | }, 237 | { 238 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-48.png", 239 | "sizes": "48x48" 240 | }, 241 | { 242 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-60.png", 243 | "sizes": "60x60" 244 | }, 245 | { 246 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-64.png", 247 | "sizes": "64x64" 248 | }, 249 | { 250 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-72.png", 251 | "sizes": "72x72" 252 | }, 253 | { 254 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-80.png", 255 | "sizes": "80x80" 256 | }, 257 | { 258 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-96.png", 259 | "sizes": "96x96" 260 | }, 261 | { 262 | "src": "windows11/Square44x44Logo.altform-unplated_targetsize-256.png", 263 | "sizes": "256x256" 264 | }, 265 | { 266 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-16.png", 267 | "sizes": "16x16" 268 | }, 269 | { 270 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-20.png", 271 | "sizes": "20x20" 272 | }, 273 | { 274 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-24.png", 275 | "sizes": "24x24" 276 | }, 277 | { 278 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-30.png", 279 | "sizes": "30x30" 280 | }, 281 | { 282 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-32.png", 283 | "sizes": "32x32" 284 | }, 285 | { 286 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-36.png", 287 | "sizes": "36x36" 288 | }, 289 | { 290 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-40.png", 291 | "sizes": "40x40" 292 | }, 293 | { 294 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-44.png", 295 | "sizes": "44x44" 296 | }, 297 | { 298 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-48.png", 299 | "sizes": "48x48" 300 | }, 301 | { 302 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-60.png", 303 | "sizes": "60x60" 304 | }, 305 | { 306 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-64.png", 307 | "sizes": "64x64" 308 | }, 309 | { 310 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-72.png", 311 | "sizes": "72x72" 312 | }, 313 | { 314 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-80.png", 315 | "sizes": "80x80" 316 | }, 317 | { 318 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-96.png", 319 | "sizes": "96x96" 320 | }, 321 | { 322 | "src": "windows11/Square44x44Logo.altform-lightunplated_targetsize-256.png", 323 | "sizes": "256x256" 324 | }, 325 | { 326 | "src": "android/android-launchericon-512-512.png", 327 | "sizes": "512x512" 328 | }, 329 | { 330 | "src": "android/android-launchericon-192-192.png", 331 | "sizes": "192x192" 332 | }, 333 | { 334 | "src": "android/android-launchericon-144-144.png", 335 | "sizes": "144x144" 336 | }, 337 | { 338 | "src": "android/android-launchericon-96-96.png", 339 | "sizes": "96x96" 340 | }, 341 | { 342 | "src": "android/android-launchericon-72-72.png", 343 | "sizes": "72x72" 344 | }, 345 | { 346 | "src": "android/android-launchericon-48-48.png", 347 | "sizes": "48x48" 348 | }, 349 | { 350 | "src": "ios/16.png", 351 | "sizes": "16x16" 352 | }, 353 | { 354 | "src": "ios/20.png", 355 | "sizes": "20x20" 356 | }, 357 | { 358 | "src": "ios/29.png", 359 | "sizes": "29x29" 360 | }, 361 | { 362 | "src": "ios/32.png", 363 | "sizes": "32x32" 364 | }, 365 | { 366 | "src": "ios/40.png", 367 | "sizes": "40x40" 368 | }, 369 | { 370 | "src": "ios/50.png", 371 | "sizes": "50x50" 372 | }, 373 | { 374 | "src": "ios/57.png", 375 | "sizes": "57x57" 376 | }, 377 | { 378 | "src": "ios/58.png", 379 | "sizes": "58x58" 380 | }, 381 | { 382 | "src": "ios/60.png", 383 | "sizes": "60x60" 384 | }, 385 | { 386 | "src": "ios/64.png", 387 | "sizes": "64x64" 388 | }, 389 | { 390 | "src": "ios/72.png", 391 | "sizes": "72x72" 392 | }, 393 | { 394 | "src": "ios/76.png", 395 | "sizes": "76x76" 396 | }, 397 | { 398 | "src": "ios/80.png", 399 | "sizes": "80x80" 400 | }, 401 | { 402 | "src": "ios/87.png", 403 | "sizes": "87x87" 404 | }, 405 | { 406 | "src": "ios/100.png", 407 | "sizes": "100x100" 408 | }, 409 | { 410 | "src": "ios/114.png", 411 | "sizes": "114x114" 412 | }, 413 | { 414 | "src": "ios/120.png", 415 | "sizes": "120x120" 416 | }, 417 | { 418 | "src": "ios/128.png", 419 | "sizes": "128x128" 420 | }, 421 | { 422 | "src": "ios/144.png", 423 | "sizes": "144x144" 424 | }, 425 | { 426 | "src": "ios/152.png", 427 | "sizes": "152x152" 428 | }, 429 | { 430 | "src": "ios/167.png", 431 | "sizes": "167x167" 432 | }, 433 | { 434 | "src": "ios/180.png", 435 | "sizes": "180x180" 436 | }, 437 | { 438 | "src": "ios/192.png", 439 | "sizes": "192x192" 440 | }, 441 | { 442 | "src": "ios/256.png", 443 | "sizes": "256x256" 444 | }, 445 | { 446 | "src": "ios/512.png", 447 | "sizes": "512x512" 448 | }, 449 | { 450 | "src": "ios/1024.png", 451 | "sizes": "1024x1024" 452 | } 453 | ], 454 | 455 | "start_url": ".", 456 | "display": "standalone", 457 | "theme_color": "#000000", 458 | "background_color": "#ffffff", 459 | "display_override": [ 460 | "fullscreen", 461 | "standalone", 462 | "minimal-ui" 463 | ], 464 | "categories": [ 465 | "personalization" 466 | ], 467 | "screenshots": [ 468 | { 469 | "src" : "ssfull.png", 470 | "sizes": "1280x800", 471 | "type": "image/png" 472 | }, 473 | { 474 | "src" : "ssmob.png", 475 | "sizes": "750x1334", 476 | "type": "image/png" 477 | } 478 | ] 479 | } -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /public/ssfull.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ssfull.png -------------------------------------------------------------------------------- /public/ssmob.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/ssmob.png -------------------------------------------------------------------------------- /public/sw.js: -------------------------------------------------------------------------------- 1 | // This is the "Offline page" service worker 2 | 3 | importScripts('https://storage.googleapis.com/workbox-cdn/releases/5.1.2/workbox-sw.js'); 4 | 5 | const CACHE = "pwabuilder-page"; 6 | 7 | // TODO: replace the following with the correct offline fallback page i.e.: const offlineFallbackPage = "offline.html"; 8 | const offlineFallbackPage = "ToDo-replace-this-name.html"; 9 | 10 | self.addEventListener("message", (event) => { 11 | if (event.data && event.data.type === "SKIP_WAITING") { 12 | self.skipWaiting(); 13 | } 14 | }); 15 | 16 | self.addEventListener('install', async (event) => { 17 | event.waitUntil( 18 | caches.open(CACHE) 19 | .then((cache) => cache.add(offlineFallbackPage)) 20 | ); 21 | }); 22 | 23 | if (workbox.navigationPreload.isSupported()) { 24 | workbox.navigationPreload.enable(); 25 | } 26 | 27 | self.addEventListener('fetch', (event) => { 28 | if (event.request.mode === 'navigate') { 29 | event.respondWith((async () => { 30 | try { 31 | const preloadResp = await event.preloadResponse; 32 | 33 | if (preloadResp) { 34 | return preloadResp; 35 | } 36 | 37 | const networkResp = await fetch(event.request); 38 | return networkResp; 39 | } catch (error) { 40 | 41 | const cache = await caches.open(CACHE); 42 | const cachedResp = await cache.match(offlineFallbackPage); 43 | return cachedResp; 44 | } 45 | })()); 46 | } 47 | }); -------------------------------------------------------------------------------- /public/windows11/LargeTile.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/LargeTile.scale-100.png -------------------------------------------------------------------------------- /public/windows11/LargeTile.scale-125.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/LargeTile.scale-125.png -------------------------------------------------------------------------------- /public/windows11/LargeTile.scale-150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/LargeTile.scale-150.png -------------------------------------------------------------------------------- /public/windows11/LargeTile.scale-200.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/LargeTile.scale-200.png -------------------------------------------------------------------------------- /public/windows11/LargeTile.scale-400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/LargeTile.scale-400.png -------------------------------------------------------------------------------- /public/windows11/SmallTile.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/SmallTile.scale-100.png -------------------------------------------------------------------------------- /public/windows11/SmallTile.scale-125.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/SmallTile.scale-125.png -------------------------------------------------------------------------------- /public/windows11/SmallTile.scale-150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/SmallTile.scale-150.png -------------------------------------------------------------------------------- /public/windows11/SmallTile.scale-200.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/SmallTile.scale-200.png -------------------------------------------------------------------------------- /public/windows11/SmallTile.scale-400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/SmallTile.scale-400.png -------------------------------------------------------------------------------- /public/windows11/SplashScreen.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/SplashScreen.scale-100.png -------------------------------------------------------------------------------- /public/windows11/SplashScreen.scale-125.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/SplashScreen.scale-125.png -------------------------------------------------------------------------------- /public/windows11/SplashScreen.scale-150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/SplashScreen.scale-150.png -------------------------------------------------------------------------------- /public/windows11/SplashScreen.scale-200.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/SplashScreen.scale-200.png -------------------------------------------------------------------------------- /public/windows11/SplashScreen.scale-400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/SplashScreen.scale-400.png -------------------------------------------------------------------------------- /public/windows11/Square150x150Logo.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square150x150Logo.scale-100.png -------------------------------------------------------------------------------- /public/windows11/Square150x150Logo.scale-125.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square150x150Logo.scale-125.png -------------------------------------------------------------------------------- /public/windows11/Square150x150Logo.scale-150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square150x150Logo.scale-150.png -------------------------------------------------------------------------------- /public/windows11/Square150x150Logo.scale-200.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square150x150Logo.scale-200.png -------------------------------------------------------------------------------- /public/windows11/Square150x150Logo.scale-400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square150x150Logo.scale-400.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-lightunplated_targetsize-16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-16.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-lightunplated_targetsize-20.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-20.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-lightunplated_targetsize-24.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-24.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-lightunplated_targetsize-256.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-256.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-lightunplated_targetsize-30.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-30.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-lightunplated_targetsize-32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-32.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-lightunplated_targetsize-36.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-36.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-lightunplated_targetsize-40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-40.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-lightunplated_targetsize-44.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-44.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-lightunplated_targetsize-48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-48.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-lightunplated_targetsize-60.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-60.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-lightunplated_targetsize-64.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-64.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-lightunplated_targetsize-72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-72.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-lightunplated_targetsize-80.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-80.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-lightunplated_targetsize-96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-lightunplated_targetsize-96.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-unplated_targetsize-16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-unplated_targetsize-16.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-unplated_targetsize-20.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-unplated_targetsize-20.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-unplated_targetsize-24.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-unplated_targetsize-24.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-unplated_targetsize-256.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-unplated_targetsize-256.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-unplated_targetsize-30.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-unplated_targetsize-30.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-unplated_targetsize-32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-unplated_targetsize-32.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-unplated_targetsize-36.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-unplated_targetsize-36.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-unplated_targetsize-40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-unplated_targetsize-40.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-unplated_targetsize-44.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-unplated_targetsize-44.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-unplated_targetsize-48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-unplated_targetsize-48.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-unplated_targetsize-60.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-unplated_targetsize-60.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-unplated_targetsize-64.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-unplated_targetsize-64.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-unplated_targetsize-72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-unplated_targetsize-72.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-unplated_targetsize-80.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-unplated_targetsize-80.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.altform-unplated_targetsize-96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.altform-unplated_targetsize-96.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.scale-100.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.scale-125.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.scale-125.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.scale-150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.scale-150.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.scale-200.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.scale-200.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.scale-400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.scale-400.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.targetsize-16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.targetsize-16.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.targetsize-20.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.targetsize-20.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.targetsize-24.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.targetsize-24.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.targetsize-256.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.targetsize-256.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.targetsize-30.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.targetsize-30.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.targetsize-32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.targetsize-32.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.targetsize-36.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.targetsize-36.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.targetsize-40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.targetsize-40.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.targetsize-44.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.targetsize-44.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.targetsize-48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.targetsize-48.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.targetsize-60.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.targetsize-60.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.targetsize-64.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.targetsize-64.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.targetsize-72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.targetsize-72.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.targetsize-80.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.targetsize-80.png -------------------------------------------------------------------------------- /public/windows11/Square44x44Logo.targetsize-96.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Square44x44Logo.targetsize-96.png -------------------------------------------------------------------------------- /public/windows11/StoreLogo.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/StoreLogo.scale-100.png -------------------------------------------------------------------------------- /public/windows11/StoreLogo.scale-125.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/StoreLogo.scale-125.png -------------------------------------------------------------------------------- /public/windows11/StoreLogo.scale-150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/StoreLogo.scale-150.png -------------------------------------------------------------------------------- /public/windows11/StoreLogo.scale-200.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/StoreLogo.scale-200.png -------------------------------------------------------------------------------- /public/windows11/StoreLogo.scale-400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/StoreLogo.scale-400.png -------------------------------------------------------------------------------- /public/windows11/Wide310x150Logo.scale-100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Wide310x150Logo.scale-100.png -------------------------------------------------------------------------------- /public/windows11/Wide310x150Logo.scale-125.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Wide310x150Logo.scale-125.png -------------------------------------------------------------------------------- /public/windows11/Wide310x150Logo.scale-150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Wide310x150Logo.scale-150.png -------------------------------------------------------------------------------- /public/windows11/Wide310x150Logo.scale-200.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Wide310x150Logo.scale-200.png -------------------------------------------------------------------------------- /public/windows11/Wide310x150Logo.scale-400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/public/windows11/Wide310x150Logo.scale-400.png -------------------------------------------------------------------------------- /src/App.css: -------------------------------------------------------------------------------- 1 | .App { 2 | text-align: center; 3 | } 4 | 5 | .App-logo { 6 | height: 40vmin; 7 | pointer-events: none; 8 | } 9 | 10 | @media (prefers-reduced-motion: no-preference) { 11 | .App-logo { 12 | animation: App-logo-spin infinite 20s linear; 13 | } 14 | } 15 | 16 | .App-header { 17 | background-color: #282c34; 18 | min-height: 100vh; 19 | display: flex; 20 | flex-direction: column; 21 | align-items: center; 22 | justify-content: center; 23 | font-size: calc(10px + 2vmin); 24 | color: white; 25 | } 26 | 27 | .App-link { 28 | color: #61dafb; 29 | } 30 | 31 | @keyframes App-logo-spin { 32 | from { 33 | transform: rotate(0deg); 34 | } 35 | to { 36 | transform: rotate(360deg); 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /src/App.jsx: -------------------------------------------------------------------------------- 1 | import './App.css'; 2 | import Navbar from './components/Navbar.jsx'; 3 | import Refprojects from './pages/Refprojects.jsx'; 4 | import Projects from './pages/Projects.jsx'; 5 | import About from './pages/About'; 6 | import Contactus from './pages/Contactus'; 7 | import Feedback from './pages/Feedback'; 8 | 9 | import { 10 | BrowserRouter, 11 | Routes, 12 | Route, 13 | } from "react-router-dom"; 14 | 15 | 16 | function App() { 17 | return ( 18 | <> 19 | {/* */} 20 | {/* 21 | 22 | 23 | 24 | */} 25 | {/* 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | */} 46 | 47 | 48 | 49 | }> 50 | } /> 51 | } /> 52 | } /> 53 | } /> 54 | } /> 55 | 56 | 57 | , 58 | 59 | ); 60 | } 61 | 62 | export default App; 63 | -------------------------------------------------------------------------------- /src/App.test.js: -------------------------------------------------------------------------------- 1 | import { render, screen } from '@testing-library/react'; 2 | import App from './App'; 3 | 4 | test('renders learn react link', () => { 5 | render(); 6 | const linkElement = screen.getByText(/learn react/i); 7 | expect(linkElement).toBeInTheDocument(); 8 | }); 9 | -------------------------------------------------------------------------------- /src/component: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/src/component -------------------------------------------------------------------------------- /src/components/Navbar.css: -------------------------------------------------------------------------------- 1 | /* * { 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | font-family: arial, cursive; 6 | 7 | } 8 | 9 | .container { 10 | padding: 0px 25px; 11 | display: flex; 12 | justify-content: right; 13 | align-items: center; 14 | min-height: 10vh; 15 | background-color: #0d7653; 16 | } */ 17 | /* 18 | ul { 19 | position: relative; 20 | display: flex; 21 | gap: 30px; 22 | } */ 23 | @media screen and (min-width:1024px) { 24 | 25 | ul .myNavItem { 26 | position: relative; 27 | list-style: none; 28 | height: 15px; 29 | } 30 | 31 | ul .myNavItem .myLink { 32 | /* padding-left: 8px ; */ 33 | display: inline-block; 34 | position: relative; 35 | /* padding: 0px 5px; */ 36 | /* font-size: 20px; */ 37 | /* height: 15px; */ 38 | /* font-weight: bold; */ 39 | text-decoration: none; 40 | /* line-height: 4cm; */ 41 | /* letter-spacing: 1px; */ 42 | /* text-transform: uppercase; */ 43 | /* color: transparent; */ 44 | color: rgba(204 251 241 1); 45 | /* -webkit-text-stroke: 1px #00ffea85; */ 46 | } 47 | 48 | ul li .myLink::before { 49 | height: 25px; 50 | content: attr(data-text); 51 | position: absolute; 52 | color: #00ffea; 53 | /* margin-left: -10px; */ 54 | width: 0; 55 | overflow: hidden; 56 | /* color:#7aece2; */ 57 | transition: 1s; 58 | -webkit-text-stroke: 1px var(--crl); 59 | } 60 | 61 | ul li .myLink:hover::before { 62 | /*border-right: 2px solid #7aece2; 63 | */margin-left: 0px; 64 | width: 100%; 65 | /* filter: drop-shadow(0 0 25px #01f3df); */ 66 | /* -webkit-filter: drop-shadow(0 0 25px #01f3df); */ 67 | } 68 | } -------------------------------------------------------------------------------- /src/components/Navbar.jsx: -------------------------------------------------------------------------------- 1 | import React, { useState } from 'react' 2 | import logo from '../static/logo1.png' 3 | // import '../mypro.css' 4 | import './Navbar.css' 5 | import { Link, Outlet } from 'react-router-dom' 6 | 7 | 8 | export default () => { 9 | const [mystyle, setmystyle] = useState('none') 10 | 11 | const unhidden = (e) => { 12 | e.preventDefault(); 13 | if ( mystyle === "flex" ) { 14 | setmystyle("none") 15 | 16 | } 17 | else { 18 | 19 | setmystyle("flex") 20 | } 21 | } 22 | 23 | let swidth = window.innerWidth; 24 | React.useEffect(()=>{ 25 | 26 | 27 | if ( swidth > 1023 ) { 28 | setmystyle("flex") 29 | return; 30 | } 31 | } 32 | , [mystyle] ) 33 | 34 | let mobStyle = { 35 | display: mystyle 36 | } 37 | 38 | 39 | 40 | 41 | return ( 42 | <> 43 | 44 | 85 | 86 | 87 | 88 | 89 | ) 90 | } 91 | {/* */} 108 | {/* {% for message in messages %} */ } 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | -------------------------------------------------------------------------------- /src/components/Projectitem.jsx: -------------------------------------------------------------------------------- 1 | import React, { useState } from 'react' 2 | 3 | 4 | 5 | const Projectitem = (props) => { 6 | let proImg = 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQPx9Djd8F6-cgweSkt49Bs5g7pqHs8rXlpJw&usqp=CAU' 7 | 8 | 9 | return ( 10 | <> 11 | 12 |
13 |
14 | blog 15 |
16 |

{props.createdon}

17 |

{props.title}

18 |

{props.desc}

19 |
20 | 21 | Visit Site 22 |
23 |
24 |
25 |
26 | 27 | 28 | ) 29 | } 30 | 31 | export default Projectitem 32 | -------------------------------------------------------------------------------- /src/components/Skillitem.jsx: -------------------------------------------------------------------------------- 1 | import React, { useState } from 'react' 2 | 3 | 4 | const Skillitem = ({title , range}) => { 5 | 6 | 7 | return ( 8 | <> 9 | 10 | 11 | {title} 12 | 13 |
14 |
{range}%
15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | ) 24 | } 25 | 26 | export default Skillitem 27 | -------------------------------------------------------------------------------- /src/components/Skills.jsx: -------------------------------------------------------------------------------- 1 | import React, { useState, useEffect } from 'react' 2 | import axios from 'axios' 3 | import Skillitem from './Skillitem' 4 | 5 | 6 | 7 | 8 | 9 | export default () => { 10 | const [skill, setskill] = useState([]); 11 | useEffect(() => { 12 | axios.get('http://localhost:7000/skills') 13 | .then((response) => { 14 | setskill(response.data.data); 15 | console.log("use effect", response.data.data); 16 | }); 17 | }, []); 18 | const myskills = () => { 19 | return ( 20 | 21 | 22 |
23 |
24 |
25 |

26 |
27 |
28 |

Skills

29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | {skill.map((sk, index) => { 40 | console.log("map skill", sk); 41 | return ( 42 | 43 | 44 | 45 | ) 46 | 47 | })} 48 | 49 | 50 | 51 |
SkillsLevel
52 |
53 | 54 |
55 |
56 | )} 57 | // console.log( "Projobj",project); 58 | return ( 59 | 60 | 61 | 62 | myskills() 63 | 64 | ) 65 | 66 | 67 | } 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | @media (max-width:767px) and (min-width:1px) { 6 | .mywidth{ 7 | width: 100%; 8 | } 9 | } 10 | 11 | 12 | 13 | 14 | .mywidth100{ 15 | width: 100%; 16 | } 17 | .mywidth90{ 18 | width: 90%; 19 | } 20 | .mywidth80{ 21 | width: 80%; 22 | } 23 | .mywidth70{ 24 | width: 70%; 25 | } 26 | .mywidth60{ 27 | width: 60%; 28 | } 29 | .mywidth50{ 30 | width: 50%; 31 | } 32 | .mywidth40{ 33 | width: 40%; 34 | } 35 | .mywidth30{ 36 | width: 30%; 37 | } 38 | .mywidth20{ 39 | width: 20%; 40 | } 41 | .mywidth10{ 42 | width: 10%; 43 | } 44 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom/client'; 3 | import './index.css'; 4 | import App from './App'; 5 | import reportWebVitals from './reportWebVitals'; 6 | 7 | const root = ReactDOM.createRoot(document.getElementById('root')); 8 | root.render( 9 | 10 | 11 | 12 | ); 13 | 14 | // If you want to start measuring performance in your app, pass a function 15 | // to log results (for example: reportWebVitals(console.log)) 16 | // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals 17 | reportWebVitals(); 18 | -------------------------------------------------------------------------------- /src/logo.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/mypro.css: -------------------------------------------------------------------------------- 1 | /*! tailwindcss v3.1.3 | MIT License | https://tailwindcss.com*/ 2 | *, :after, :before { 3 | box-sizing: border-box; 4 | border: 0 solid #e5e7eb 5 | } 6 | 7 | :after, :before { 8 | --tw-content: "" 9 | } 10 | 11 | html { 12 | line-height: 1.5; 13 | -webkit-text-size-adjust: 100%; 14 | -moz-tab-size: 4; 15 | -o-tab-size: 4; 16 | tab-size: 4; 17 | font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji 18 | } 19 | 20 | body { 21 | margin: 0; 22 | line-height: inherit 23 | } 24 | 25 | hr { 26 | height: 0; 27 | color: inherit; 28 | border-top-width: 1px 29 | } 30 | 31 | abbr:where([title]) { 32 | -webkit-text-decoration: underline dotted; 33 | text-decoration: underline dotted 34 | } 35 | 36 | h1, h2, h3, h4, h5, h6 { 37 | font-size: inherit; 38 | font-weight: inherit 39 | } 40 | 41 | a { 42 | color: inherit; 43 | text-decoration: inherit 44 | } 45 | 46 | b, strong { 47 | font-weight: bolder 48 | } 49 | 50 | code, kbd, pre, samp { 51 | font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; 52 | font-size: 1em 53 | } 54 | 55 | small { 56 | font-size: 80% 57 | } 58 | 59 | sub, sup { 60 | font-size: 75%; 61 | line-height: 0; 62 | position: relative; 63 | vertical-align: initial 64 | } 65 | 66 | sub { 67 | bottom: -.25em 68 | } 69 | 70 | sup { 71 | top: -.5em 72 | } 73 | 74 | table { 75 | text-indent: 0; 76 | border-color: inherit; 77 | border-collapse: collapse 78 | } 79 | 80 | button, input, optgroup, select, textarea { 81 | font-family: inherit; 82 | font-size: 100%; 83 | font-weight: inherit; 84 | line-height: inherit; 85 | color: inherit; 86 | margin: 0; 87 | padding: 0 88 | } 89 | 90 | button, select { 91 | text-transform: none 92 | } 93 | 94 | [type=button], [type=reset], [type=submit], button { 95 | -webkit-appearance: button; 96 | background-color: initial; 97 | background-image: none 98 | } 99 | 100 | :-moz-focusring { 101 | outline: auto 102 | } 103 | 104 | :-moz-ui-invalid { 105 | box-shadow: none 106 | } 107 | 108 | progress { 109 | vertical-align: initial 110 | } 111 | 112 | ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { 113 | height: auto 114 | } 115 | 116 | [type=search] { 117 | -webkit-appearance: textfield; 118 | outline-offset: -2px 119 | } 120 | 121 | ::-webkit-search-decoration { 122 | -webkit-appearance: none 123 | } 124 | 125 | ::-webkit-file-upload-button { 126 | -webkit-appearance: button; 127 | font: inherit 128 | } 129 | 130 | summary { 131 | display: list-item 132 | } 133 | 134 | blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { 135 | margin: 0 136 | } 137 | 138 | fieldset { 139 | margin: 0 140 | } 141 | 142 | fieldset, legend { 143 | padding: 0 144 | } 145 | 146 | menu, ol, ul { 147 | list-style: none; 148 | margin: 0; 149 | padding: 0 150 | } 151 | 152 | textarea { 153 | resize: vertical 154 | } 155 | 156 | input::-moz-placeholder, textarea::-moz-placeholder { 157 | opacity: 1; 158 | color: #9ca3af 159 | } 160 | 161 | input:-ms-input-placeholder, textarea:-ms-input-placeholder { 162 | opacity: 1; 163 | color: #9ca3af 164 | } 165 | 166 | input::placeholder, textarea::placeholder { 167 | opacity: 1; 168 | color: #9ca3af 169 | } 170 | 171 | [role=button], button { 172 | cursor: pointer 173 | } 174 | 175 | :disabled { 176 | cursor: default 177 | } 178 | 179 | audio, canvas, embed, iframe, img, object, svg, video { 180 | display: block; 181 | /* vertical-align: middle */ 182 | } 183 | 184 | img, video { 185 | max-width: 100%; 186 | height: auto 187 | } 188 | 189 | [multiple], [type=date], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], select, textarea { 190 | -webkit-appearance: none; 191 | -moz-appearance: none; 192 | appearance: none; 193 | background-color: #fff; 194 | border-color: #6b7280; 195 | border-width: 1px; 196 | border-radius: 0; 197 | padding: .5rem .75rem; 198 | font-size: 1rem; 199 | line-height: 1.5rem; 200 | --tw-shadow: 0 0 #0000 201 | } 202 | 203 | [multiple]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, select:focus, textarea:focus { 204 | outline: 2px solid #0000; 205 | outline-offset: 2px; 206 | --tw-ring-inset: var(--tw-empty, 207 | /*!*/ 208 | /*!*/ 209 | ); 210 | --tw-ring-offset-width: 0px; 211 | --tw-ring-offset-color: #fff; 212 | --tw-ring-color: #2563eb; 213 | --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 214 | --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); 215 | box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); 216 | border-color: #2563eb 217 | } 218 | 219 | input::-moz-placeholder, textarea::-moz-placeholder { 220 | color: #6b7280; 221 | opacity: 1 222 | } 223 | 224 | input:-ms-input-placeholder, textarea:-ms-input-placeholder { 225 | color: #6b7280; 226 | opacity: 1 227 | } 228 | 229 | input::placeholder, textarea::placeholder { 230 | color: #6b7280; 231 | opacity: 1 232 | } 233 | 234 | ::-webkit-datetime-edit-fields-wrapper { 235 | padding: 0 236 | } 237 | 238 | ::-webkit-date-and-time-value { 239 | min-height: 1.5em 240 | } 241 | 242 | ::-webkit-datetime-edit, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-meridiem-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-year-field { 243 | padding-top: 0; 244 | padding-bottom: 0 245 | } 246 | 247 | select { 248 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E"); 249 | background-position: right .5rem center; 250 | background-repeat: no-repeat; 251 | background-size: 1.5em 1.5em; 252 | padding-right: 2.5rem; 253 | -webkit-print-color-adjust: exact; 254 | /* color-adjust: exact; */ 255 | print-color-adjust: exact 256 | } 257 | 258 | [multiple] { 259 | background-image: none; 260 | background-position: 0 0; 261 | background-repeat: unset; 262 | background-size: initial; 263 | padding-right: .75rem; 264 | -webkit-print-color-adjust: unset; 265 | /* color-adjust: unset; */ 266 | print-color-adjust: unset 267 | } 268 | 269 | [type=checkbox], [type=radio] { 270 | -webkit-appearance: none; 271 | -moz-appearance: none; 272 | appearance: none; 273 | padding: 0; 274 | -webkit-print-color-adjust: exact; 275 | /* color-adjust: exact; */ 276 | print-color-adjust: exact; 277 | display: inline-block; 278 | vertical-align: middle; 279 | background-origin: border-box; 280 | -webkit-user-select: none; 281 | -moz-user-select: none; 282 | -ms-user-select: none; 283 | user-select: none; 284 | flex-shrink: 0; 285 | height: 1rem; 286 | width: 1rem; 287 | color: #2563eb; 288 | background-color: #fff; 289 | border-color: #6b7280; 290 | border-width: 1px; 291 | --tw-shadow: 0 0 #0000 292 | } 293 | 294 | [type=checkbox] { 295 | border-radius: 0 296 | } 297 | 298 | [type=radio] { 299 | border-radius: 100% 300 | } 301 | 302 | [type=checkbox]:focus, [type=radio]:focus { 303 | outline: 2px solid #0000; 304 | outline-offset: 2px; 305 | --tw-ring-inset: var(--tw-empty, 306 | /*!*/ 307 | /*!*/ 308 | ); 309 | --tw-ring-offset-width: 2px; 310 | --tw-ring-offset-color: #fff; 311 | --tw-ring-color: #2563eb; 312 | --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); 313 | --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); 314 | box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) 315 | } 316 | 317 | [type=checkbox]:checked, [type=radio]:checked { 318 | border-color: #0000; 319 | background-color: currentColor; 320 | background-size: 100% 100%; 321 | background-position: 50%; 322 | background-repeat: no-repeat 323 | } 324 | 325 | [type=checkbox]:checked { 326 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E") 327 | } 328 | 329 | [type=radio]:checked { 330 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E") 331 | } 332 | 333 | [type=checkbox]:checked:focus, [type=checkbox]:checked:hover, [type=checkbox]:indeterminate, [type=radio]:checked:focus, [type=radio]:checked:hover { 334 | border-color: #0000; 335 | background-color: currentColor 336 | } 337 | 338 | [type=checkbox]:indeterminate { 339 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E"); 340 | background-size: 100% 100%; 341 | background-position: 50%; 342 | background-repeat: no-repeat 343 | } 344 | 345 | [type=checkbox]:indeterminate:focus, [type=checkbox]:indeterminate:hover { 346 | border-color: #0000; 347 | background-color: currentColor 348 | } 349 | 350 | [type=file] { 351 | background: unset; 352 | border-color: inherit; 353 | border-width: 0; 354 | border-radius: 0; 355 | padding: 0; 356 | font-size: unset; 357 | line-height: inherit 358 | } 359 | 360 | [type=file]:focus { 361 | outline: 1px solid ButtonText; 362 | outline: 1px auto -webkit-focus-ring-color 363 | } 364 | 365 | *, :after, :before { 366 | --tw-border-spacing-x: 0; 367 | --tw-border-spacing-y: 0; 368 | --tw-translate-x: 0; 369 | --tw-translate-y: 0; 370 | --tw-rotate: 0; 371 | --tw-skew-x: 0; 372 | --tw-skew-y: 0; 373 | --tw-scale-x: 1; 374 | --tw-scale-y: 1; 375 | --tw-pan-x: ; 376 | --tw-pan-y: ; 377 | --tw-pinch-zoom: ; 378 | --tw-scroll-snap-strictness: proximity; 379 | --tw-ordinal: ; 380 | --tw-slashed-zero: ; 381 | --tw-numeric-figure: ; 382 | --tw-numeric-spacing: ; 383 | --tw-numeric-fraction: ; 384 | --tw-ring-inset: ; 385 | --tw-ring-offset-width: 0px; 386 | --tw-ring-offset-color: #fff; 387 | --tw-ring-color: #3b82f680; 388 | --tw-ring-offset-shadow: 0 0 #0000; 389 | --tw-ring-shadow: 0 0 #0000; 390 | --tw-shadow: 0 0 #0000; 391 | --tw-shadow-colored: 0 0 #0000; 392 | --tw-blur: ; 393 | --tw-brightness: ; 394 | --tw-contrast: ; 395 | --tw-grayscale: ; 396 | --tw-hue-rotate: ; 397 | --tw-invert: ; 398 | --tw-saturate: ; 399 | --tw-sepia: ; 400 | --tw-drop-shadow: ; 401 | --tw-backdrop-blur: ; 402 | --tw-backdrop-brightness: ; 403 | --tw-backdrop-contrast: ; 404 | --tw-backdrop-grayscale: ; 405 | --tw-backdrop-hue-rotate: ; 406 | --tw-backdrop-invert: ; 407 | --tw-backdrop-opacity: ; 408 | --tw-backdrop-saturate: ; 409 | --tw-backdrop-sepia: 410 | } 411 | 412 | ::-webkit-backdrop { 413 | --tw-border-spacing-x: 0; 414 | --tw-border-spacing-y: 0; 415 | --tw-translate-x: 0; 416 | --tw-translate-y: 0; 417 | --tw-rotate: 0; 418 | --tw-skew-x: 0; 419 | --tw-skew-y: 0; 420 | --tw-scale-x: 1; 421 | --tw-scale-y: 1; 422 | --tw-pan-x: ; 423 | --tw-pan-y: ; 424 | --tw-pinch-zoom: ; 425 | --tw-scroll-snap-strictness: proximity; 426 | --tw-ordinal: ; 427 | --tw-slashed-zero: ; 428 | --tw-numeric-figure: ; 429 | --tw-numeric-spacing: ; 430 | --tw-numeric-fraction: ; 431 | --tw-ring-inset: ; 432 | --tw-ring-offset-width: 0px; 433 | --tw-ring-offset-color: #fff; 434 | --tw-ring-color: #3b82f680; 435 | --tw-ring-offset-shadow: 0 0 #0000; 436 | --tw-ring-shadow: 0 0 #0000; 437 | --tw-shadow: 0 0 #0000; 438 | --tw-shadow-colored: 0 0 #0000; 439 | --tw-blur: ; 440 | --tw-brightness: ; 441 | --tw-contrast: ; 442 | --tw-grayscale: ; 443 | --tw-hue-rotate: ; 444 | --tw-invert: ; 445 | --tw-saturate: ; 446 | --tw-sepia: ; 447 | --tw-drop-shadow: ; 448 | --tw-backdrop-blur: ; 449 | --tw-backdrop-brightness: ; 450 | --tw-backdrop-contrast: ; 451 | --tw-backdrop-grayscale: ; 452 | --tw-backdrop-hue-rotate: ; 453 | --tw-backdrop-invert: ; 454 | --tw-backdrop-opacity: ; 455 | --tw-backdrop-saturate: ; 456 | --tw-backdrop-sepia: 457 | } 458 | 459 | ::backdrop { 460 | --tw-border-spacing-x: 0; 461 | --tw-border-spacing-y: 0; 462 | --tw-translate-x: 0; 463 | --tw-translate-y: 0; 464 | --tw-rotate: 0; 465 | --tw-skew-x: 0; 466 | --tw-skew-y: 0; 467 | --tw-scale-x: 1; 468 | --tw-scale-y: 1; 469 | --tw-pan-x: ; 470 | --tw-pan-y: ; 471 | --tw-pinch-zoom: ; 472 | --tw-scroll-snap-strictness: proximity; 473 | --tw-ordinal: ; 474 | --tw-slashed-zero: ; 475 | --tw-numeric-figure: ; 476 | --tw-numeric-spacing: ; 477 | --tw-numeric-fraction: ; 478 | --tw-ring-inset: ; 479 | --tw-ring-offset-width: 0px; 480 | --tw-ring-offset-color: #fff; 481 | --tw-ring-color: #3b82f680; 482 | --tw-ring-offset-shadow: 0 0 #0000; 483 | --tw-ring-shadow: 0 0 #0000; 484 | --tw-shadow: 0 0 #0000; 485 | --tw-shadow-colored: 0 0 #0000; 486 | --tw-blur: ; 487 | --tw-brightness: ; 488 | --tw-contrast: ; 489 | --tw-grayscale: ; 490 | --tw-hue-rotate: ; 491 | --tw-invert: ; 492 | --tw-saturate: ; 493 | --tw-sepia: ; 494 | --tw-drop-shadow: ; 495 | --tw-backdrop-blur: ; 496 | --tw-backdrop-brightness: ; 497 | --tw-backdrop-contrast: ; 498 | --tw-backdrop-grayscale: ; 499 | --tw-backdrop-hue-rotate: ; 500 | --tw-backdrop-invert: ; 501 | --tw-backdrop-opacity: ; 502 | --tw-backdrop-saturate: ; 503 | --tw-backdrop-sepia: 504 | } 505 | 506 | .container { 507 | width: 100% 508 | } 509 | 510 | @media (min-width:640px) { 511 | .container { 512 | max-width: 640px 513 | } 514 | } 515 | 516 | @media (min-width:768px) { 517 | .container { 518 | max-width: 768px 519 | } 520 | } 521 | 522 | @media (min-width:1024px) { 523 | .container { 524 | max-width: 1024px 525 | } 526 | } 527 | 528 | @media (min-width:1280px) { 529 | .container { 530 | max-width: 1280px 531 | } 532 | } 533 | 534 | @media (min-width:1536px) { 535 | .container { 536 | max-width: 1536px 537 | } 538 | } 539 | 540 | .sr-only { 541 | position: absolute; 542 | width: 1px; 543 | height: 1px; 544 | padding: 0; 545 | margin: -1px; 546 | overflow: hidden; 547 | clip: rect(0, 0, 0, 0); 548 | white-space: nowrap; 549 | border-width: 0 550 | } 551 | 552 | .visible { 553 | visibility: visible 554 | } 555 | 556 | .static { 557 | position: static 558 | } 559 | 560 | .fixed { 561 | position: fixed 562 | } 563 | 564 | .absolute { 565 | position: absolute 566 | } 567 | 568 | .relative { 569 | position: relative 570 | } 571 | 572 | .sticky { 573 | position: -webkit-sticky; 574 | position: sticky 575 | } 576 | 577 | .top-0 { 578 | top: 0 579 | } 580 | 581 | .bottom-0 { 582 | bottom: 0 583 | } 584 | 585 | .right-0 { 586 | right: 0 587 | } 588 | 589 | .-m-4 { 590 | margin: -1rem 591 | } 592 | 593 | .mx-auto { 594 | margin-left: auto; 595 | margin-right: auto 596 | } 597 | 598 | .mb-10 { 599 | margin-bottom: 2.5rem 600 | } 601 | 602 | .mb-4 { 603 | margin-bottom: 1rem 604 | } 605 | 606 | .mb-8 { 607 | margin-bottom: 2rem 608 | } 609 | 610 | .ml-4 { 611 | margin-left: 1rem 612 | } 613 | 614 | .mt-8 { 615 | margin-top: 2rem 616 | } 617 | 618 | .mb-20 { 619 | margin-bottom: 5rem 620 | } 621 | 622 | .mr-3 { 623 | margin-right: .75rem 624 | } 625 | 626 | .mr-2 { 627 | margin-right: .5rem 628 | } 629 | 630 | .ml-4 { 631 | margin-left: 1rem 632 | } 633 | 634 | .mt-4 { 635 | margin-top: 1rem 636 | } 637 | 638 | .mr-4 { 639 | margin-right: 1rem 640 | } 641 | 642 | .mb-5 { 643 | margin-bottom: 1.25rem 644 | } 645 | 646 | .mb-3 { 647 | margin-bottom: .75rem 648 | } 649 | 650 | .mb-2 { 651 | margin-bottom: .5rem 652 | } 653 | 654 | .mt-10 { 655 | margin-top: 2.5rem 656 | } 657 | 658 | .mb-1 { 659 | margin-bottom: .25rem 660 | } 661 | 662 | .block { 663 | display: block 664 | } 665 | 666 | .inline-block { 667 | display: inline-block 668 | } 669 | 670 | .flex { 671 | display: flex 672 | } 673 | 674 | .inline-flex { 675 | display: inline-flex 676 | } 677 | 678 | .table { 679 | display: table 680 | } 681 | 682 | .grid { 683 | display: grid 684 | } 685 | 686 | .contents { 687 | display: contents 688 | } 689 | 690 | .hidden { 691 | display: none 692 | } 693 | 694 | .h-screen { 695 | height: 100vh 696 | } 697 | 698 | .h-6 { 699 | height: 1.5rem 700 | } 701 | 702 | .h-5 { 703 | height: 1.25rem 704 | } 705 | 706 | .h-3 { 707 | height: .75rem 708 | } 709 | 710 | .h-4 { 711 | height: 1rem 712 | } 713 | 714 | .h-20 { 715 | height: 5rem 716 | } 717 | 718 | .h-full { 719 | height: 100% 720 | } 721 | 722 | .w-2\/4 { 723 | width: 50% 724 | } 725 | 726 | .w-full { 727 | width: 100% 728 | } 729 | 730 | .w-6 { 731 | width: 1.5rem 732 | } 733 | 734 | .w-5 { 735 | width: 1.25rem 736 | } 737 | 738 | .w-52 { 739 | width: 13rem 740 | } 741 | 742 | .w-2\/6 { 743 | width: 33.333333% 744 | } 745 | 746 | .w-10 { 747 | width: 2.5rem 748 | } 749 | 750 | .w-3 { 751 | width: .75rem 752 | } 753 | 754 | .w-4 { 755 | width: 1rem 756 | } 757 | 758 | .w-20 { 759 | width: 5rem 760 | } 761 | 762 | .max-w-\[550px\] { 763 | max-width: 550px 764 | } 765 | 766 | .flex-shrink-0 { 767 | flex-shrink: 0 768 | } 769 | 770 | .table-auto { 771 | table-layout: auto 772 | } 773 | 774 | .border-collapse { 775 | border-collapse: collapse 776 | } 777 | 778 | .transform { 779 | transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) 780 | } 781 | 782 | .resize-none { 783 | resize: none 784 | } 785 | 786 | .flex-col { 787 | flex-direction: column 788 | } 789 | 790 | .flex-wrap { 791 | flex-wrap: wrap 792 | } 793 | 794 | .items-center { 795 | align-items: center 796 | } 797 | 798 | .justify-center { 799 | justify-content: center 800 | } 801 | 802 | .justify-between { 803 | justify-content: space-between 804 | } 805 | 806 | .overflow-auto { 807 | overflow: auto 808 | } 809 | 810 | .overflow-hidden { 811 | overflow: hidden 812 | } 813 | 814 | .rounded-3xl { 815 | border-radius: 1.5rem 816 | } 817 | 818 | .rounded-md { 819 | border-radius: .375rem 820 | } 821 | 822 | .rounded-full { 823 | border-radius: 9999px 824 | } 825 | 826 | .rounded { 827 | border-radius: .25rem 828 | } 829 | 830 | .rounded-lg { 831 | border-radius: .5rem 832 | } 833 | 834 | .rounded-l-full { 835 | border-top-left-radius: 9999px; 836 | border-bottom-left-radius: 9999px 837 | } 838 | 839 | .rounded-tl { 840 | border-top-left-radius: .25rem 841 | } 842 | 843 | .rounded-bl { 844 | border-bottom-left-radius: .25rem 845 | } 846 | 847 | .border-2 { 848 | border-width: 2px 849 | } 850 | 851 | .border { 852 | border-width: 1px 853 | } 854 | 855 | .border-0 { 856 | border-width: 0 857 | } 858 | 859 | .border-b-2 { 860 | border-bottom-width: 2px 861 | } 862 | 863 | .border-t-2 { 864 | border-top-width: 2px 865 | } 866 | 867 | .border-teal-600 { 868 | --tw-border-opacity: 1; 869 | border-color: rgb(13 148 136/var(--tw-border-opacity)) 870 | } 871 | 872 | .border-gray-200 { 873 | --tw-border-opacity: 1; 874 | border-color: rgb(229 231 235/var(--tw-border-opacity)) 875 | } 876 | 877 | .border-slate-700 { 878 | --tw-border-opacity: 1; 879 | border-color: rgb(51 65 85/var(--tw-border-opacity)) 880 | } 881 | 882 | .border-teal-400 { 883 | --tw-border-opacity: 1; 884 | border-color: rgb(45 212 191/var(--tw-border-opacity)) 885 | } 886 | 887 | .border-teal-200 { 888 | --tw-border-opacity: 1; 889 | border-color: rgb(153 246 228/var(--tw-border-opacity)) 890 | } 891 | 892 | .border-\[\#e0e0e0\] { 893 | --tw-border-opacity: 1; 894 | border-color: rgb(224 224 224/var(--tw-border-opacity)) 895 | } 896 | 897 | .border-opacity-60 { 898 | --tw-border-opacity: 0.6 899 | } 900 | 901 | .bg-gray-50 { 902 | --tw-bg-opacity: 1; 903 | background-color: rgb(249 250 251/var(--tw-bg-opacity)) 904 | } 905 | 906 | .bg-teal-600 { 907 | --tw-bg-opacity: 1; 908 | background-color: rgb(13 148 136/var(--tw-bg-opacity)) 909 | } 910 | 911 | .bg-gray-100 { 912 | --tw-bg-opacity: 1; 913 | background-color: rgb(243 244 246/var(--tw-bg-opacity)) 914 | } 915 | 916 | .bg-gray-200 { 917 | --tw-bg-opacity: 1; 918 | background-color: rgb(229 231 235/var(--tw-bg-opacity)) 919 | } 920 | 921 | .bg-white { 922 | --tw-bg-opacity: 1; 923 | background-color: rgb(255 255 255/var(--tw-bg-opacity)) 924 | } 925 | 926 | .fill-current { 927 | fill: currentColor 928 | } 929 | 930 | .object-cover { 931 | -o-object-fit: cover; 932 | object-fit: cover 933 | } 934 | 935 | .object-center { 936 | -o-object-position: center; 937 | object-position: center 938 | } 939 | 940 | .p-2 { 941 | padding: .5rem 942 | } 943 | 944 | .p-0\.5 { 945 | padding: .125rem 946 | } 947 | 948 | .p-0 { 949 | padding: 0 950 | } 951 | 952 | .p-12 { 953 | padding: 3rem 954 | } 955 | 956 | .p-4 { 957 | padding: 1rem 958 | } 959 | 960 | .p-6 { 961 | padding: 1.5rem 962 | } 963 | 964 | .px-5 { 965 | padding-left: 1.25rem; 966 | padding-right: 1.25rem 967 | } 968 | 969 | .py-3 { 970 | padding-top: .75rem; 971 | padding-bottom: .75rem 972 | } 973 | 974 | .px-8 { 975 | padding-left: 2rem; 976 | padding-right: 2rem 977 | } 978 | 979 | .py-5 { 980 | padding-top: 1.25rem; 981 | padding-bottom: 1.25rem 982 | } 983 | 984 | .px-4 { 985 | padding-left: 1rem; 986 | padding-right: 1rem 987 | } 988 | 989 | .py-6 { 990 | padding-top: 1.5rem; 991 | padding-bottom: 1.5rem 992 | } 993 | 994 | .px-3 { 995 | padding-left: .75rem; 996 | padding-right: .75rem 997 | } 998 | 999 | .py-2 { 1000 | padding-top: .5rem; 1001 | padding-bottom: .5rem 1002 | } 1003 | 1004 | .px-6 { 1005 | padding-left: 1.5rem; 1006 | padding-right: 1.5rem 1007 | } 1008 | 1009 | .py-24 { 1010 | padding-bottom: 6rem 1011 | } 1012 | 1013 | .pt-24, .py-24 { 1014 | padding-top: 6rem 1015 | } 1016 | 1017 | .pt-8 { 1018 | padding-top: 2rem 1019 | } 1020 | 1021 | .pb-24 { 1022 | padding-bottom: 6rem 1023 | } 1024 | 1025 | .pb-4 { 1026 | padding-bottom: 1rem 1027 | } 1028 | 1029 | .text-left { 1030 | text-align: left 1031 | } 1032 | 1033 | .text-center { 1034 | text-align: center 1035 | } 1036 | 1037 | .font-serif { 1038 | font-family: ui-serif, Georgia, Cambria, Times New Roman, Times, serif 1039 | } 1040 | 1041 | .text-5xl { 1042 | font-size: 3rem; 1043 | line-height: 1 1044 | } 1045 | 1046 | .text-3xl { 1047 | font-size: 1.875rem; 1048 | line-height: 2.25rem 1049 | } 1050 | 1051 | .text-base { 1052 | font-size: 1rem; 1053 | line-height: 1.5rem 1054 | } 1055 | 1056 | .text-sm { 1057 | font-size: .875rem; 1058 | line-height: 1.25rem 1059 | } 1060 | 1061 | .text-xs { 1062 | font-size: .75rem; 1063 | line-height: 1rem 1064 | } 1065 | 1066 | .text-xl { 1067 | font-size: 1.25rem 1068 | } 1069 | 1070 | .text-lg, .text-xl { 1071 | line-height: 1.75rem 1072 | } 1073 | 1074 | .text-lg { 1075 | font-size: 1.125rem 1076 | } 1077 | 1078 | .text-2xl { 1079 | font-size: 1.5rem; 1080 | line-height: 2rem 1081 | } 1082 | 1083 | .font-medium { 1084 | font-weight: 500 1085 | } 1086 | 1087 | .font-semibold { 1088 | font-weight: 600 1089 | } 1090 | 1091 | .font-bold { 1092 | font-weight: 700 1093 | } 1094 | 1095 | .leading-normal { 1096 | line-height: 1.5 1097 | } 1098 | 1099 | .leading-relaxed { 1100 | line-height: 1.625 1101 | } 1102 | 1103 | .leading-none { 1104 | line-height: 1 1105 | } 1106 | 1107 | .tracking-normal { 1108 | letter-spacing: 0 1109 | } 1110 | 1111 | .tracking-wider { 1112 | letter-spacing: .05em 1113 | } 1114 | 1115 | .tracking-tight { 1116 | letter-spacing: -.025em 1117 | } 1118 | 1119 | .tracking-widest { 1120 | letter-spacing: .1em 1121 | } 1122 | 1123 | .text-teal-600 { 1124 | --tw-text-opacity: 1; 1125 | color: rgb(13 148 136/var(--tw-text-opacity)) 1126 | } 1127 | 1128 | .text-teal-100 { 1129 | --tw-text-opacity: 1; 1130 | color: rgb(204 251 241/var(--tw-text-opacity)) 1131 | } 1132 | 1133 | .text-gray-500 { 1134 | --tw-text-opacity: 1; 1135 | color: rgb(107 114 128/var(--tw-text-opacity)) 1136 | } 1137 | 1138 | .text-gray-600 { 1139 | --tw-text-opacity: 1; 1140 | color: rgb(75 85 99/var(--tw-text-opacity)) 1141 | } 1142 | 1143 | .text-gray-900 { 1144 | --tw-text-opacity: 1; 1145 | color: rgb(17 24 39/var(--tw-text-opacity)) 1146 | } 1147 | 1148 | .text-blue-100 { 1149 | --tw-text-opacity: 1; 1150 | color: rgb(219 234 254/var(--tw-text-opacity)) 1151 | } 1152 | 1153 | .text-white { 1154 | --tw-text-opacity: 1; 1155 | color: rgb(255 255 255/var(--tw-text-opacity)) 1156 | } 1157 | 1158 | .text-teal-200 { 1159 | --tw-text-opacity: 1; 1160 | color: rgb(153 246 228/var(--tw-text-opacity)) 1161 | } 1162 | 1163 | .text-\[\#07074D\] { 1164 | --tw-text-opacity: 1; 1165 | color: rgb(7 7 77/var(--tw-text-opacity)) 1166 | } 1167 | 1168 | .text-\[\#6B7280\] { 1169 | --tw-text-opacity: 1; 1170 | color: rgb(107 114 128/var(--tw-text-opacity)) 1171 | } 1172 | 1173 | .text-gray-400 { 1174 | --tw-text-opacity: 1; 1175 | color: rgb(156 163 175/var(--tw-text-opacity)) 1176 | } 1177 | 1178 | .outline-none { 1179 | outline: 2px solid #0000; 1180 | outline-offset: 2px 1181 | } 1182 | 1183 | .filter { 1184 | filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) 1185 | } 1186 | 1187 | .ease-in-out { 1188 | transition-timing-function: cubic-bezier(.4, 0, .2, 1) 1189 | } 1190 | 1191 | .hover\:border-white:hover { 1192 | --tw-border-opacity: 1; 1193 | border-color: rgb(255 255 255/var(--tw-border-opacity)) 1194 | } 1195 | 1196 | .hover\:border-teal-500:hover { 1197 | --tw-border-opacity: 1; 1198 | border-color: rgb(20 184 166/var(--tw-border-opacity)) 1199 | } 1200 | 1201 | .hover\:bg-teal-900:hover { 1202 | --tw-bg-opacity: 1; 1203 | background-color: rgb(19 78 74/var(--tw-bg-opacity)) 1204 | } 1205 | 1206 | .hover\:bg-teal-200:hover { 1207 | --tw-bg-opacity: 1; 1208 | background-color: rgb(153 246 228/var(--tw-bg-opacity)) 1209 | } 1210 | 1211 | .hover\:text-teal-300:hover { 1212 | --tw-text-opacity: 1; 1213 | color: rgb(94 234 212/var(--tw-text-opacity)) 1214 | } 1215 | 1216 | .hover\:text-white:hover { 1217 | --tw-text-opacity: 1; 1218 | color: rgb(255 255 255/var(--tw-text-opacity)) 1219 | } 1220 | 1221 | .hover\:text-teal-500:hover { 1222 | --tw-text-opacity: 1; 1223 | color: rgb(20 184 166/var(--tw-text-opacity)) 1224 | } 1225 | 1226 | .focus\:border-\[\#6A64F1\]:focus { 1227 | --tw-border-opacity: 1; 1228 | border-color: rgb(106 100 241/var(--tw-border-opacity)) 1229 | } 1230 | 1231 | .focus\:shadow-md:focus { 1232 | --tw-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a; 1233 | --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); 1234 | box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) 1235 | } 1236 | 1237 | .focus\:outline-none:focus { 1238 | outline: 2px solid #0000; 1239 | outline-offset: 2px 1240 | } 1241 | 1242 | @media (min-width:640px) { 1243 | .sm\:text-4xl { 1244 | font-size: 2.25rem; 1245 | line-height: 2.5rem 1246 | } 1247 | 1248 | .sm\:text-3xl { 1249 | font-size: 1.875rem; 1250 | line-height: 2.25rem 1251 | } 1252 | } 1253 | 1254 | @media (min-width:768px) { 1255 | .md\:h-36 { 1256 | height: 9rem 1257 | } 1258 | 1259 | .md\:w-2\/12 { 1260 | width: 16.666667% 1261 | } 1262 | 1263 | .md\:w-1\/2 { 1264 | width: 50% 1265 | } 1266 | 1267 | .md\:w-1\/3 { 1268 | width: 33.333333% 1269 | } 1270 | } 1271 | 1272 | @media (min-width:1024px) { 1273 | .lg\:mt-0 { 1274 | margin-top: 0 1275 | } 1276 | 1277 | .lg\:inline-block { 1278 | display: inline-block 1279 | } 1280 | 1281 | .lg\:flex { 1282 | display: flex 1283 | } 1284 | 1285 | .lg\:hidden { 1286 | display: none 1287 | } 1288 | 1289 | .lg\:h-48 { 1290 | height: 12rem 1291 | } 1292 | 1293 | .lg\:w-2\/12 { 1294 | width: 16.666667% 1295 | } 1296 | 1297 | .lg\:w-2\/3 { 1298 | width: 66.666667% 1299 | } 1300 | 1301 | .lg\:w-auto { 1302 | width: auto 1303 | } 1304 | 1305 | .lg\:w-1\/2 { 1306 | width: 50% 1307 | } 1308 | 1309 | .lg\:flex-grow { 1310 | flex-grow: 1 1311 | } 1312 | 1313 | .lg\:items-center { 1314 | align-items: center 1315 | } 1316 | } 1317 | 1318 | @media (min-width:1280px) { 1319 | .xl\:w-1\/3 { 1320 | width: 33.333333% 1321 | } 1322 | } -------------------------------------------------------------------------------- /src/pages/About.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import Skills from '../components/Skills' 3 | import myPic from '../static/abpic.jpg' 4 | 5 | export default () => { 6 | return( 7 | <> 8 | 9 |
10 |
11 | Abdul Basit Ansari 12 |
13 |

I Am Abdul Basit Ansari

14 |

I Am A Full Stack Developer. Deep knowledge and proficiency in Frontend , Backend And Responsive Web Design. Cheak My Projects And Give Me A Feedback.Contact Me If You Have Any Questions. Thanks For Visiting Our Site.

15 |
16 | Cheak My Projects 17 | Contact Me 18 |
19 |
20 |
21 |
22 | 23 | {/* */} 24 | 55 | {/* */} 56 | 57 | 58 | ) 59 | 60 | } -------------------------------------------------------------------------------- /src/pages/Contactus.jsx: -------------------------------------------------------------------------------- 1 | import React, { useState } from 'react' 2 | import axios from 'axios' 3 | 4 | 5 | 6 | const Contactus = () =>{ 7 | 8 | const [ name , setname ] = useState("") 9 | const [ email , setemail ] = useState("") 10 | const [ phone , setphone ] = useState("") 11 | const [ desc , setdesc ] = useState("") 12 | 13 | const contactpost = (e) =>{ 14 | e.preventDefault(); 15 | console.log('name' , name) 16 | console.log('email' , email) 17 | console.log('phone' , phone) 18 | console.log('desc' , desc) 19 | if ( !name ||!phone ||!desc ){ 20 | console.log("Required Feild Is Missing"); 21 | return 22 | } 23 | else { 24 | 25 | 26 | axios.post('http://localhost:7000/contacts' , 27 | { 28 | name : name, 29 | email : email, 30 | phone : phone, 31 | desc : desc 32 | } 33 | 34 | ) 35 | .then((response) => { 36 | console.log("Contact Message" , response.data 37 | ); 38 | }); 39 | } 40 | } 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | return( 51 | 52 | 53 |
54 |
55 |
56 |

Contact Us

57 |
58 | 61 | { 64 | setname(e.target.value) 65 | console.log('name' , e.target.value) 66 | }} 67 | /> 68 |
69 |
70 | 73 | { 76 | setemail(e.target.value) 77 | console.log('email' , e.target.value) 78 | }} 79 | /> 80 |
81 |
82 | 85 | { 87 | setphone(e.target.value) 88 | console.log('phone' , e.target.value) 89 | }} 90 | /> 91 |
92 |
93 | 96 | 102 |
103 |
104 | 107 |
108 |
109 |
110 | 111 |
112 | 113 | 114 | 115 | ) 116 | } 117 | 118 | export default Contactus; 119 | -------------------------------------------------------------------------------- /src/pages/Feedback.jsx: -------------------------------------------------------------------------------- 1 | import React , { useState} from 'react' 2 | import axios from "axios"; 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | const Feedback = () => { 13 | 14 | 15 | 16 | 17 | const [ name , setname ] = useState("") 18 | const [ desc , setdesc ] = useState("") 19 | 20 | const feedbackpost = (e) =>{ 21 | e.preventDefault(); 22 | console.log('name' , name) 23 | console.log('desc' , desc) 24 | if ( !name ||!desc ){ 25 | console.log("Required Feild Is Missing"); 26 | return 27 | } 28 | else { 29 | 30 | 31 | axios.post('http://localhost:7000/feedbacks' , 32 | { 33 | name : name, 34 | desc : desc 35 | } 36 | 37 | ) 38 | .then((response) => { 39 | console.log("Feedback Message" , response.data 40 | ); 41 | }); 42 | } 43 | } 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | return ( 54 | 55 |
56 |
57 |
58 |

Feed Back

59 |
60 | 63 | { 65 | setname(e.target.value) 66 | console.log('name' , e.target.value) 67 | }} 68 | /> 69 |
70 | 71 |
72 | 75 | 81 |
82 |
83 | 86 |
87 |
88 |
89 |
90 | ) 91 | } 92 | 93 | export default Feedback -------------------------------------------------------------------------------- /src/pages/Projects.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import axios from 'axios' 3 | import Projectitem from '../components/Projectitem' 4 | 5 | 6 | 7 | 8 | 9 | export default (props) => { 10 | const [project, setproject] = React.useState([]); 11 | React.useEffect(() => { 12 | axios.get('http://localhost:7000/projects') 13 | .then((response) => { 14 | setproject(response.data.data); 15 | }); 16 | }, []); 17 | const myprojects = ()=>{ 18 | return( 19 | 20 |
21 |
22 | 23 | 24 |
25 | {project.map((proj , index) => { 26 | return( 27 | 28 | 29 | 30 | ) 31 | 32 | })} 33 |
34 |
35 | 36 |
37 | ) 38 | } 39 | // console.log( "Projobj",project); 40 | return ( 41 | 42 | 43 | 44 | myprojects() 45 | 46 | ) 47 | 48 | 49 | } 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | {/*
75 |
76 | blog 77 |
78 |

project.date

79 |

project.title

80 |

project.desc

81 |
82 | 83 | Visit Site 84 |
85 |
86 |
87 |
*/} 88 | -------------------------------------------------------------------------------- /src/pages/Refprojects.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import {Link} from 'react-router-dom' 3 | import logo from '../static/logo1.png' 4 | import reactlogo from '../static/react.png' 5 | import djangologo from '../static/pythondjango.png' 6 | import staticlogo from '../static/static.png' 7 | import bootstraplogo from '../static/bootstrap.png' 8 | import tailwindlogo from '../static/tailwind.png' 9 | import nodelogo from '../static/nodejs.png' 10 | 11 | 12 | 13 | export default () => { 14 | let refimg = 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQPx9Djd8F6-cgweSkt49Bs5g7pqHs8rXlpJw&usqp=CAU' 15 | let mywidth = { 16 | width:'30rem' 17 | } 18 | return ( 19 | <> 20 | 21 |
22 |
23 |
24 | 25 |

Welcome To Code By Basit

26 |

Cheak Projects And Give Feedback Us

27 |
28 | 29 |
30 | 31 |
32 |
33 |
34 | React 35 |
36 |

React Projects

37 |

Languges / Libraries : Html , CSS , Javascript , React

38 |
39 |
40 | 41 |
42 |
43 |
44 | Javascript 45 |
46 |

Javascript Projects

47 |

Languges / Libraries : Html , CSS , Javascript

48 |
49 |
50 |
51 |
52 |
53 | Bootstrap 54 |
55 |

Bootstrap Projects

56 |

Languges / Libraries : Html , CSS , Javascript , Bootsrap

57 |
58 |
59 |
60 |
61 |
62 | Tailwind CSS 63 |
64 |

Tailwind Projects

65 |

Languges / Libraries : Html , CSS , Javascript , Tailwind

66 |
67 |
68 |
69 |
70 |
71 | Django 72 |
73 |

Nodejs / Expressjs Projects

74 |

Languges / Libraries : Html , CSS , JS , Expressjs

75 |
76 |
77 |
78 |
79 |
80 | Django 81 |
82 |

Django Projects

83 |

Languges / Libraries : Html , CSS , JS , Python Django

84 |
85 |
86 | 87 |
88 |
89 | 90 | Click For Visit All Projects 91 |
92 |
93 |
94 | 95 | ) 96 | } -------------------------------------------------------------------------------- /src/pages/myhtml.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 26 | 27 | -------------------------------------------------------------------------------- /src/reportWebVitals.js: -------------------------------------------------------------------------------- 1 | const reportWebVitals = onPerfEntry => { 2 | if (onPerfEntry && onPerfEntry instanceof Function) { 3 | import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { 4 | getCLS(onPerfEntry); 5 | getFID(onPerfEntry); 6 | getFCP(onPerfEntry); 7 | getLCP(onPerfEntry); 8 | getTTFB(onPerfEntry); 9 | }); 10 | } 11 | }; 12 | 13 | export default reportWebVitals; 14 | -------------------------------------------------------------------------------- /src/setupTests.js: -------------------------------------------------------------------------------- 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. 2 | // allows you to do things like: 3 | // expect(element).toHaveTextContent(/react/i) 4 | // learn more: https://github.com/testing-library/jest-dom 5 | import '@testing-library/jest-dom'; 6 | -------------------------------------------------------------------------------- /src/static/abpic.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/src/static/abpic.jpg -------------------------------------------------------------------------------- /src/static/bootstrap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/src/static/bootstrap.png -------------------------------------------------------------------------------- /src/static/logo1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/src/static/logo1.png -------------------------------------------------------------------------------- /src/static/nodejs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/src/static/nodejs.png -------------------------------------------------------------------------------- /src/static/pythondjango.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/src/static/pythondjango.png -------------------------------------------------------------------------------- /src/static/react.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/src/static/react.png -------------------------------------------------------------------------------- /src/static/static.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/src/static/static.png -------------------------------------------------------------------------------- /src/static/tailwind.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Abdul-Basit-Ansari/React-Protfolio/83a150c87a3ffeaca95784f1cbc824eccecd9853/src/static/tailwind.png -------------------------------------------------------------------------------- /tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | module.exports = { 3 | content: [ 4 | "./src/**/*.{js,jsx,ts,tsx}", 5 | ], 6 | theme: { 7 | extend: {}, 8 | }, 9 | plugins: [], 10 | } 11 | --------------------------------------------------------------------------------