├── .firebase └── hosting.YnVpbGQ.cache ├── .firebaserc ├── .gitignore ├── README.md ├── database.rules.json ├── firebase.json ├── firestore.indexes.json ├── firestore.rules ├── functions ├── .eslintrc.json ├── .gitignore ├── index.js ├── package-lock.json └── package.json ├── package-lock.json ├── package.json ├── public ├── Photos │ ├── houses.jpg │ ├── instanbul.jpg │ ├── logo.png │ ├── logooutlined.png │ └── village.jpg ├── assets │ ├── css │ │ ├── argon-design-system.css │ │ ├── argon-design-system.css.map │ │ ├── argon-design-system.min.css │ │ ├── font-awesome.css │ │ ├── nucleo-icons.css │ │ └── nucleo-svg.css │ ├── demo │ │ ├── demo.css │ │ └── demo.js │ ├── fonts │ │ ├── FontAwesome.otf │ │ ├── fontawesome-webfont.eot │ │ ├── fontawesome-webfont.svg │ │ ├── fontawesome-webfont.ttf │ │ ├── fontawesome-webfont.woff │ │ ├── fontawesome-webfont.woff2 │ │ ├── nucleo-icons.eot │ │ ├── nucleo-icons.svg │ │ ├── nucleo-icons.ttf │ │ ├── nucleo-icons.woff │ │ └── nucleo-icons.woff2 │ ├── img │ │ ├── apple-icon.png │ │ ├── brand │ │ │ ├── blue.png │ │ │ ├── creativetim-black-slim.png │ │ │ ├── creativetim-white-slim.png │ │ │ └── white.png │ │ ├── docs │ │ │ └── computer-docs.jpg │ │ ├── faces │ │ │ ├── alejandro-escamilla.jpg │ │ │ ├── ali-pazani.jpg │ │ │ ├── atikh.jpg │ │ │ ├── brooke-cagle.jpg │ │ │ ├── christian.jpg │ │ │ ├── fezbot.jpg │ │ │ ├── michael.jpg │ │ │ ├── team-1.jpg │ │ │ ├── team-2.jpg │ │ │ ├── team-3.jpg │ │ │ ├── team-4.jpg │ │ │ └── team-5.jpg │ │ ├── favicon.png │ │ ├── github.svg │ │ ├── google.svg │ │ ├── icons │ │ │ ├── common │ │ │ │ ├── github.svg │ │ │ │ └── google.svg │ │ │ └── flags │ │ │ │ ├── AD.png │ │ │ │ ├── AE.png │ │ │ │ ├── AG.png │ │ │ │ ├── AM.png │ │ │ │ ├── AR.png │ │ │ │ ├── AT.png │ │ │ │ ├── AU.png │ │ │ │ ├── BE.png │ │ │ │ ├── BF.png │ │ │ │ ├── BG.png │ │ │ │ ├── BO.png │ │ │ │ ├── BR.png │ │ │ │ ├── CA.png │ │ │ │ ├── CD.png │ │ │ │ ├── CG.png │ │ │ │ ├── CH.png │ │ │ │ ├── CL.png │ │ │ │ ├── CM.png │ │ │ │ ├── CN.png │ │ │ │ ├── CO.png │ │ │ │ ├── CZ.png │ │ │ │ ├── DE.png │ │ │ │ ├── DJ.png │ │ │ │ ├── DK.png │ │ │ │ ├── DZ.png │ │ │ │ ├── EE.png │ │ │ │ ├── EG.png │ │ │ │ ├── ES.png │ │ │ │ ├── FI.png │ │ │ │ ├── FR.png │ │ │ │ ├── GA.png │ │ │ │ ├── GB.png │ │ │ │ ├── GM.png │ │ │ │ ├── GT.png │ │ │ │ ├── HN.png │ │ │ │ ├── HT.png │ │ │ │ ├── HU.png │ │ │ │ ├── ID.png │ │ │ │ ├── IE.png │ │ │ │ ├── IL.png │ │ │ │ ├── IN.png │ │ │ │ ├── IQ.png │ │ │ │ ├── IR.png │ │ │ │ ├── IT.png │ │ │ │ ├── JM.png │ │ │ │ ├── JO.png │ │ │ │ ├── JP.png │ │ │ │ ├── KG.png │ │ │ │ ├── KN.png │ │ │ │ ├── KP.png │ │ │ │ ├── KR.png │ │ │ │ ├── KW.png │ │ │ │ ├── KZ.png │ │ │ │ ├── LA.png │ │ │ │ ├── LB.png │ │ │ │ ├── LC.png │ │ │ │ ├── LS.png │ │ │ │ ├── LU.png │ │ │ │ ├── LV.png │ │ │ │ ├── MG.png │ │ │ │ ├── MK.png │ │ │ │ ├── ML.png │ │ │ │ ├── MM.png │ │ │ │ ├── MT.png │ │ │ │ ├── MX.png │ │ │ │ ├── NA.png │ │ │ │ ├── NE.png │ │ │ │ ├── NG.png │ │ │ │ ├── NI.png │ │ │ │ ├── NL.png │ │ │ │ ├── NO.png │ │ │ │ ├── OM.png │ │ │ │ ├── PA.png │ │ │ │ ├── PE.png │ │ │ │ ├── PG.png │ │ │ │ ├── PK.png │ │ │ │ ├── PL.png │ │ │ │ ├── PT.png │ │ │ │ ├── PY.png │ │ │ │ ├── QA.png │ │ │ │ ├── RO.png │ │ │ │ ├── RU.png │ │ │ │ ├── RW.png │ │ │ │ ├── SA.png │ │ │ │ ├── SE.png │ │ │ │ ├── SG.png │ │ │ │ ├── SL.png │ │ │ │ ├── SN.png │ │ │ │ ├── SO.png │ │ │ │ ├── SV.png │ │ │ │ ├── TD.png │ │ │ │ ├── TJ.png │ │ │ │ ├── TL.png │ │ │ │ ├── TR.png │ │ │ │ ├── TZ.png │ │ │ │ ├── UA.png │ │ │ │ ├── US.png │ │ │ │ ├── VE.png │ │ │ │ ├── VN.png │ │ │ │ └── YE.png │ │ ├── ill │ │ │ ├── 1.svg │ │ │ └── ill.png │ │ ├── logo.png │ │ ├── nucleo-logo.svg │ │ ├── pages │ │ │ └── mohamed.jpg │ │ └── theme │ │ │ ├── img-1-1200x1000.jpg │ │ │ ├── img-2-1200x1000.jpg │ │ │ ├── landing.jpg │ │ │ └── profile.jpg │ ├── js │ │ ├── argon-design-system.js │ │ ├── argon-design-system.js.map │ │ ├── argon-design-system.min.js │ │ ├── core │ │ │ ├── bootstrap.min.js │ │ │ ├── jquery.min.js │ │ │ └── popper.min.js │ │ └── plugins │ │ │ ├── bootstrap-datepicker.min.js │ │ │ ├── bootstrap-switch.js │ │ │ ├── chartjs.min.js │ │ │ ├── datetimepicker.js │ │ │ ├── jquery.sharrre.min.js │ │ │ ├── moment.min.js │ │ │ ├── nouislider.min.js │ │ │ └── perfect-scrollbar.jquery.min.js │ └── scss │ │ ├── argon-design-system.scss │ │ └── argon-design-system │ │ ├── accordion.scss │ │ ├── alert.scss │ │ ├── avatar.scss │ │ ├── badge.scss │ │ ├── buttons.scss │ │ ├── card.scss │ │ ├── carousel.scss │ │ ├── close.scss │ │ ├── content.scss │ │ ├── custom-forms.scss │ │ ├── docs.scss │ │ ├── docs │ │ ├── clipboard-js.scss │ │ ├── component-examples.scss │ │ ├── content.scss │ │ ├── footer.scss │ │ ├── nav.scss │ │ ├── prism.scss │ │ ├── sidebar.scss │ │ └── variables.scss │ │ ├── dropdown.scss │ │ ├── footer.scss │ │ ├── forms.scss │ │ ├── functions.scss │ │ ├── global.scss │ │ ├── grid.scss │ │ ├── icons.scss │ │ ├── input-group.scss │ │ ├── kit-free.scss │ │ ├── list-group.scss │ │ ├── mixins.scss │ │ ├── mixins │ │ ├── alert.scss │ │ ├── background-variant.scss │ │ ├── badge.scss │ │ ├── buttons.scss │ │ ├── forms.scss │ │ ├── icon.scss │ │ ├── modals.scss │ │ └── popover.scss │ │ ├── modal.scss │ │ ├── nav.scss │ │ ├── navbar.scss │ │ ├── pagination.scss │ │ ├── popover.scss │ │ ├── progress.scss │ │ ├── reboot.scss │ │ ├── section.scss │ │ ├── separator.scss │ │ ├── theme.scss │ │ ├── type.scss │ │ ├── utilities.scss │ │ ├── utilities │ │ ├── backgrounds.scss │ │ ├── floating.scss │ │ ├── helper.scss │ │ ├── position.scss │ │ ├── shadows.scss │ │ ├── sizing.scss │ │ ├── spacing.scss │ │ ├── text.scss │ │ └── transform.scss │ │ ├── variables.scss │ │ ├── vendor │ │ ├── _bootstrap-datepicker.scss │ │ ├── datetimepicker.scss │ │ ├── headroom.scss │ │ ├── nouislider.scss │ │ └── scrollbar.scss │ │ └── vendors.scss ├── favicon.ico ├── index.html ├── logo192.png ├── logo512.png ├── manifest.json └── robots.txt ├── src ├── App.css ├── App.js ├── App.test.js ├── db.js ├── index.css ├── index.js ├── logo.svg ├── serviceWorker.js └── setupTests.js └── storage.rules /.firebaserc: -------------------------------------------------------------------------------- 1 | { 2 | "projects": { 3 | "default": "pairuptravel" 4 | } 5 | } 6 | -------------------------------------------------------------------------------- /.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 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). 2 | 3 | ## Available Scripts 4 | 5 | In the project directory, you can run: 6 | 7 | ### `npm start` 8 | 9 | Runs the app in the development mode.
10 | Open [http://localhost:3000](http://localhost:3000) to view it in the browser. 11 | 12 | The page will reload if you make edits.
13 | You will also see any lint errors in the console. 14 | 15 | ### `npm test` 16 | 17 | Launches the test runner in the interactive watch mode.
18 | See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information. 19 | 20 | ### `npm run build` 21 | 22 | Builds the app for production to the `build` folder.
23 | It correctly bundles React in production mode and optimizes the build for the best performance. 24 | 25 | The build is minified and the filenames include the hashes.
26 | Your app is ready to be deployed! 27 | 28 | See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information. 29 | 30 | ### `npm run eject` 31 | 32 | **Note: this is a one-way operation. Once you `eject`, you can’t go back!** 33 | 34 | 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. 35 | 36 | 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. 37 | 38 | 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. 39 | 40 | ## Learn More 41 | 42 | You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started). 43 | 44 | To learn React, check out the [React documentation](https://reactjs.org/). 45 | 46 | ### Code Splitting 47 | 48 | This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting 49 | 50 | ### Analyzing the Bundle Size 51 | 52 | This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size 53 | 54 | ### Making a Progressive Web App 55 | 56 | This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app 57 | 58 | ### Advanced Configuration 59 | 60 | This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration 61 | 62 | ### Deployment 63 | 64 | This section has moved here: https://facebook.github.io/create-react-app/docs/deployment 65 | 66 | ### `npm run build` fails to minify 67 | 68 | This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify 69 | -------------------------------------------------------------------------------- /database.rules.json: -------------------------------------------------------------------------------- 1 | { 2 | /* Visit https://firebase.google.com/docs/database/security to learn more about security rules. */ 3 | "rules": { 4 | ".read": false, 5 | ".write": false 6 | } 7 | } -------------------------------------------------------------------------------- /firebase.json: -------------------------------------------------------------------------------- 1 | { 2 | "database": { 3 | "rules": "database.rules.json" 4 | }, 5 | "firestore": { 6 | "rules": "firestore.rules", 7 | "indexes": "firestore.indexes.json" 8 | }, 9 | 10 | "hosting": { 11 | "public": "build", 12 | "ignore": [ 13 | "firebase.json", 14 | "**/.*", 15 | "**/node_modules/**" 16 | ], 17 | "rewrites": [ 18 | { 19 | "source": "**", 20 | "destination": "/index.html" 21 | } 22 | ] 23 | }, 24 | "storage": { 25 | "rules": "storage.rules" 26 | }, 27 | "emulators": { 28 | "functions": { 29 | "port": 5001 30 | }, 31 | "firestore": { 32 | "port": 8080 33 | }, 34 | "database": { 35 | "port": 9000 36 | }, 37 | "hosting": { 38 | "port": 5000 39 | }, 40 | "pubsub": { 41 | "port": 8085 42 | } 43 | } 44 | } 45 | -------------------------------------------------------------------------------- /firestore.indexes.json: -------------------------------------------------------------------------------- 1 | { 2 | "indexes": [], 3 | "fieldOverrides": [] 4 | } 5 | -------------------------------------------------------------------------------- /firestore.rules: -------------------------------------------------------------------------------- 1 | rules_version = '2'; 2 | service cloud.firestore { 3 | match /databases/{database}/documents { 4 | 5 | // This rule allows anyone on the internet to view, edit, and delete 6 | // all data in your Firestore database. It is useful for getting 7 | // started, but it is configured to expire after 30 days because it 8 | // leaves your app open to attackers. At that time, all client 9 | // requests to your Firestore database will be denied. 10 | // 11 | // Make sure to write security rules for your app before that time, or else 12 | // your app will lose access to your Firestore database 13 | match /{document=**} { 14 | allow read, write; 15 | } 16 | } 17 | } -------------------------------------------------------------------------------- /functions/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "parserOptions": { 3 | // Required for certain syntax usages 4 | "ecmaVersion": 2017 5 | }, 6 | "plugins": [ 7 | "promise" 8 | ], 9 | "extends": "eslint:recommended", 10 | "rules": { 11 | // Removed rule "disallow the use of console" from recommended eslint rules 12 | "no-console": "off", 13 | 14 | // Removed rule "disallow multiple spaces in regular expressions" from recommended eslint rules 15 | "no-regex-spaces": "off", 16 | 17 | // Removed rule "disallow the use of debugger" from recommended eslint rules 18 | "no-debugger": "off", 19 | 20 | // Removed rule "disallow unused variables" from recommended eslint rules 21 | "no-unused-vars": "off", 22 | 23 | // Removed rule "disallow mixed spaces and tabs for indentation" from recommended eslint rules 24 | "no-mixed-spaces-and-tabs": "off", 25 | 26 | // Removed rule "disallow the use of undeclared variables unless mentioned in /*global */ comments" from recommended eslint rules 27 | "no-undef": "off", 28 | 29 | // Warn against template literal placeholder syntax in regular strings 30 | "no-template-curly-in-string": 1, 31 | 32 | // Warn if return statements do not either always or never specify values 33 | "consistent-return": 1, 34 | 35 | // Warn if no return statements in callbacks of array methods 36 | "array-callback-return": 1, 37 | 38 | // Require the use of === and !== 39 | "eqeqeq": 2, 40 | 41 | // Disallow the use of alert, confirm, and prompt 42 | "no-alert": 2, 43 | 44 | // Disallow the use of arguments.caller or arguments.callee 45 | "no-caller": 2, 46 | 47 | // Disallow null comparisons without type-checking operators 48 | "no-eq-null": 2, 49 | 50 | // Disallow the use of eval() 51 | "no-eval": 2, 52 | 53 | // Warn against extending native types 54 | "no-extend-native": 1, 55 | 56 | // Warn against unnecessary calls to .bind() 57 | "no-extra-bind": 1, 58 | 59 | // Warn against unnecessary labels 60 | "no-extra-label": 1, 61 | 62 | // Disallow leading or trailing decimal points in numeric literals 63 | "no-floating-decimal": 2, 64 | 65 | // Warn against shorthand type conversions 66 | "no-implicit-coercion": 1, 67 | 68 | // Warn against function declarations and expressions inside loop statements 69 | "no-loop-func": 1, 70 | 71 | // Disallow new operators with the Function object 72 | "no-new-func": 2, 73 | 74 | // Warn against new operators with the String, Number, and Boolean objects 75 | "no-new-wrappers": 1, 76 | 77 | // Disallow throwing literals as exceptions 78 | "no-throw-literal": 2, 79 | 80 | // Require using Error objects as Promise rejection reasons 81 | "prefer-promise-reject-errors": 2, 82 | 83 | // Enforce “for” loop update clause moving the counter in the right direction 84 | "for-direction": 2, 85 | 86 | // Enforce return statements in getters 87 | "getter-return": 2, 88 | 89 | // Disallow await inside of loops 90 | "no-await-in-loop": 2, 91 | 92 | // Disallow comparing against -0 93 | "no-compare-neg-zero": 2, 94 | 95 | // Warn against catch clause parameters from shadowing variables in the outer scope 96 | "no-catch-shadow": 1, 97 | 98 | // Disallow identifiers from shadowing restricted names 99 | "no-shadow-restricted-names": 2, 100 | 101 | // Enforce return statements in callbacks of array methods 102 | "callback-return": 2, 103 | 104 | // Require error handling in callbacks 105 | "handle-callback-err": 2, 106 | 107 | // Warn against string concatenation with __dirname and __filename 108 | "no-path-concat": 1, 109 | 110 | // Prefer using arrow functions for callbacks 111 | "prefer-arrow-callback": 1, 112 | 113 | // Return inside each then() to create readable and reusable Promise chains. 114 | // Forces developers to return console logs and http calls in promises. 115 | "promise/always-return": 2, 116 | 117 | //Enforces the use of catch() on un-returned promises 118 | "promise/catch-or-return": 2, 119 | 120 | // Warn against nested then() or catch() statements 121 | "promise/no-nesting": 1 122 | } 123 | } 124 | -------------------------------------------------------------------------------- /functions/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ -------------------------------------------------------------------------------- /functions/index.js: -------------------------------------------------------------------------------- 1 | const functions = require('firebase-functions'); 2 | 3 | // // Create and Deploy Your First Cloud Functions 4 | // // https://firebase.google.com/docs/functions/write-firebase-functions 5 | // 6 | // exports.helloWorld = functions.https.onRequest((request, response) => { 7 | // response.send("Hello from Firebase!"); 8 | // }); 9 | -------------------------------------------------------------------------------- /functions/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "functions", 3 | "description": "Cloud Functions for Firebase", 4 | "scripts": { 5 | "lint": "eslint .", 6 | "serve": "firebase serve --only functions", 7 | "shell": "firebase functions:shell", 8 | "start": "npm run shell", 9 | "deploy": "firebase deploy --only functions", 10 | "logs": "firebase functions:log" 11 | }, 12 | "engines": { 13 | "node": "8" 14 | }, 15 | "dependencies": { 16 | "firebase-admin": "^8.6.0", 17 | "firebase-functions": "^3.3.0" 18 | }, 19 | "devDependencies": { 20 | "eslint": "^5.12.0", 21 | "eslint-plugin-promise": "^4.0.1", 22 | "firebase-functions-test": "^0.1.6" 23 | }, 24 | "private": true 25 | } 26 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "pairup", 3 | "version": "0.1.0", 4 | "private": true, 5 | "dependencies": { 6 | "@date-io/date-fns": "^1.3.13", 7 | "@date-io/moment": "^2.4.0", 8 | "@material-ui/core": "^4.9.4", 9 | "@material-ui/icons": "^4.9.1", 10 | "@material-ui/pickers": "^3.2.10", 11 | "@testing-library/jest-dom": "^4.2.4", 12 | "@testing-library/react": "^9.4.0", 13 | "@testing-library/user-event": "^7.2.1", 14 | "argon-design-system-free": "^1.1.0", 15 | "bootstrap": "^4.4.1", 16 | "date-fns": "^2.10.0", 17 | "firebase": "^7.8.2", 18 | "i": "^0.3.6", 19 | "moment": "^2.24.0", 20 | "react": "^16.12.0", 21 | "react-datetime": "^2.16.3", 22 | "react-dom": "^16.12.0", 23 | "react-scripts": "3.3.1", 24 | "reactn": "^2.2.6", 25 | "reactstrap": "^8.4.1", 26 | "save": "^2.4.0", 27 | "typeface-roboto": "0.0.75" 28 | }, 29 | "scripts": { 30 | "start": "react-scripts start", 31 | "build": "react-scripts build", 32 | "test": "react-scripts test", 33 | "eject": "react-scripts eject" 34 | }, 35 | "eslintConfig": { 36 | "extends": "react-app" 37 | }, 38 | "browserslist": { 39 | "production": [ 40 | ">0.2%", 41 | "not dead", 42 | "not op_mini all" 43 | ], 44 | "development": [ 45 | "last 1 chrome version", 46 | "last 1 firefox version", 47 | "last 1 safari version" 48 | ] 49 | }, 50 | "description": "This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).", 51 | "main": "index.js", 52 | "devDependencies": {}, 53 | "repository": { 54 | "type": "git", 55 | "url": "git+https://github.com/johanlia000/PairUp.git" 56 | }, 57 | "author": "", 58 | "license": "ISC", 59 | "bugs": { 60 | "url": "https://github.com/johanlia000/PairUp/issues" 61 | } 62 | } 63 | -------------------------------------------------------------------------------- /public/Photos/houses.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/Photos/houses.jpg -------------------------------------------------------------------------------- /public/Photos/instanbul.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/Photos/instanbul.jpg -------------------------------------------------------------------------------- /public/Photos/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/Photos/logo.png -------------------------------------------------------------------------------- /public/Photos/logooutlined.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/Photos/logooutlined.png -------------------------------------------------------------------------------- /public/Photos/village.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/Photos/village.jpg -------------------------------------------------------------------------------- /public/assets/css/nucleo-svg.css: -------------------------------------------------------------------------------- 1 | /* Generated using nucleoapp.com */ 2 | /* -------------------------------- 3 | 4 | Icon colors 5 | 6 | -------------------------------- */ 7 | 8 | .icon { 9 | display: inline-block; 10 | /* icon primary color */ 11 | color: #111111; 12 | height: 1em; 13 | width: 1em; 14 | } 15 | 16 | .icon use { 17 | /* icon secondary color - fill */ 18 | fill: #7ea6f6; 19 | } 20 | 21 | .icon.icon-outline use { 22 | /* icon secondary color - stroke */ 23 | stroke: #7ea6f6; 24 | } 25 | 26 | /* -------------------------------- 27 | 28 | Change icon size 29 | 30 | -------------------------------- */ 31 | 32 | .icon-xs { 33 | height: 0.5em; 34 | width: 0.5em; 35 | } 36 | 37 | .icon-sm { 38 | height: 0.8em; 39 | width: 0.8em; 40 | } 41 | 42 | .icon-lg { 43 | height: 1.6em; 44 | width: 1.6em; 45 | } 46 | 47 | .icon-xl { 48 | height: 2em; 49 | width: 2em; 50 | } 51 | 52 | /* -------------------------------- 53 | 54 | Align icon and text 55 | 56 | -------------------------------- */ 57 | 58 | .icon-text-aligner { 59 | /* add this class to parent element that contains icon + text */ 60 | display: flex; 61 | align-items: center; 62 | } 63 | 64 | .icon-text-aligner .icon { 65 | color: inherit; 66 | margin-right: 0.4em; 67 | } 68 | 69 | .icon-text-aligner .icon use { 70 | color: inherit; 71 | fill: currentColor; 72 | } 73 | 74 | .icon-text-aligner .icon.icon-outline use { 75 | stroke: currentColor; 76 | } 77 | 78 | /* -------------------------------- 79 | 80 | Icon reset values - used to enable color customizations 81 | 82 | -------------------------------- */ 83 | 84 | .icon { 85 | fill: currentColor; 86 | stroke: none; 87 | } 88 | 89 | .icon.icon-outline { 90 | fill: none; 91 | stroke: currentColor; 92 | } 93 | 94 | .icon use { 95 | stroke: none; 96 | } 97 | 98 | .icon.icon-outline use { 99 | fill: none; 100 | } 101 | 102 | /* -------------------------------- 103 | 104 | Stroke effects - Nucleo outline icons 105 | 106 | - 16px icons -> up to 1px stroke (16px outline icons do not support stroke changes) 107 | - 24px, 32px icons -> up to 2px stroke 108 | - 48px, 64px icons -> up to 4px stroke 109 | 110 | -------------------------------- */ 111 | 112 | .icon-outline.icon-stroke-1 { 113 | stroke-width: 1px; 114 | } 115 | 116 | .icon-outline.icon-stroke-2 { 117 | stroke-width: 2px; 118 | } 119 | 120 | .icon-outline.icon-stroke-3 { 121 | stroke-width: 3px; 122 | } 123 | 124 | .icon-outline.icon-stroke-4 { 125 | stroke-width: 4px; 126 | } 127 | 128 | .icon-outline.icon-stroke-1 use, 129 | .icon-outline.icon-stroke-3 use { 130 | -webkit-transform: translateX(0.5px) translateY(0.5px); 131 | -moz-transform: translateX(0.5px) translateY(0.5px); 132 | -ms-transform: translateX(0.5px) translateY(0.5px); 133 | -o-transform: translateX(0.5px) translateY(0.5px); 134 | transform: translateX(0.5px) translateY(0.5px); 135 | } -------------------------------------------------------------------------------- /public/assets/demo/demo.css: -------------------------------------------------------------------------------- 1 | .tim-row { 2 | margin-bottom: 20px; 3 | } 4 | 5 | .tim-white-buttons { 6 | background-color: #777777; 7 | } 8 | 9 | .typography-line { 10 | padding-left: 25%; 11 | margin-bottom: 35px; 12 | position: relative; 13 | display: block; 14 | width: 100%; 15 | } 16 | 17 | .typography-line span { 18 | bottom: 10px; 19 | color: #c0c1c2; 20 | display: block; 21 | font-weight: 400; 22 | font-size: 13px; 23 | line-height: 13px; 24 | left: 0; 25 | margin-left: 20px; 26 | position: absolute; 27 | width: 260px; 28 | text-transform: none; 29 | } 30 | 31 | .tim-row { 32 | padding-top: 60px; 33 | } 34 | 35 | .tim-row h3 { 36 | margin-top: 0; 37 | } 38 | 39 | .switch { 40 | margin-right: 20px; 41 | } 42 | 43 | #navbar-full .navbar { 44 | border-radius: 0 !important; 45 | margin-bottom: 15px; 46 | z-index: 2; 47 | } 48 | 49 | #menu-dropdown .navbar { 50 | border-radius: 3px; 51 | } 52 | 53 | #pagination-row .pagination-container { 54 | height: 100%; 55 | max-height: 100%; 56 | display: flex; 57 | align-items: center; 58 | } 59 | 60 | #icons-row i.now-ui-icons { 61 | font-size: 30px; 62 | } 63 | 64 | .space { 65 | height: 130px; 66 | display: block; 67 | } 68 | 69 | .space-110 { 70 | height: 110px; 71 | display: block; 72 | } 73 | 74 | .space-50 { 75 | height: 50px; 76 | display: block; 77 | } 78 | 79 | .space-70 { 80 | height: 70px; 81 | display: block; 82 | } 83 | 84 | .navigation-example .img-src { 85 | background-attachment: scroll; 86 | } 87 | 88 | .navigation-example { 89 | background-position: center center; 90 | background-size: cover; 91 | margin-top: 0; 92 | min-height: 740px; 93 | height: 100%; 94 | } 95 | 96 | #notifications { 97 | display: block; 98 | width: 100%; 99 | position: relative; 100 | } 101 | 102 | .tim-note { 103 | text-transform: capitalize; 104 | } 105 | 106 | #buttons .btn, 107 | #javascriptComponents .btn { 108 | margin: 0 0px 10px; 109 | } 110 | 111 | .space-100 { 112 | height: 100px; 113 | display: block; 114 | width: 100%; 115 | } 116 | 117 | .be-social { 118 | padding-bottom: 20px; 119 | /* border-bottom: 1px solid #aaa; */ 120 | margin: 0 auto 40px; 121 | } 122 | 123 | .txt-white { 124 | color: #FFFFFF; 125 | } 126 | 127 | .txt-gray { 128 | color: #ddd !important; 129 | } 130 | 131 | 132 | .parallax { 133 | width: 100%; 134 | height: 570px; 135 | 136 | display: block; 137 | background-attachment: fixed; 138 | background-repeat: no-repeat; 139 | background-size: cover; 140 | background-position: center center; 141 | 142 | } 143 | 144 | .logo-container .logo { 145 | overflow: hidden; 146 | border-radius: 50%; 147 | border: 1px solid #333333; 148 | width: 50px; 149 | float: left; 150 | } 151 | 152 | .logo-container .brand { 153 | font-size: 16px; 154 | color: #FFFFFF; 155 | line-height: 18px; 156 | float: left; 157 | margin-left: 10px; 158 | margin-top: 7px; 159 | width: 70px; 160 | height: 40px; 161 | text-align: left; 162 | } 163 | 164 | .logo-container .brand-material { 165 | font-size: 18px; 166 | margin-top: 15px; 167 | height: 25px; 168 | width: auto; 169 | } 170 | 171 | .logo-container .logo img { 172 | width: 100%; 173 | } 174 | 175 | .navbar-small .logo-container .brand { 176 | color: #333333; 177 | } 178 | 179 | .fixed-section { 180 | top: 90px; 181 | max-height: 80vh; 182 | overflow: scroll; 183 | position: sticky; 184 | } 185 | 186 | .fixed-section ul { 187 | padding: 0; 188 | } 189 | 190 | .fixed-section ul li { 191 | list-style: none; 192 | } 193 | 194 | .fixed-section li a { 195 | font-size: 14px; 196 | padding: 2px; 197 | display: block; 198 | color: #666666; 199 | } 200 | 201 | .fixed-section li a.active { 202 | color: #00bbff; 203 | } 204 | 205 | .fixed-section.float { 206 | position: fixed; 207 | top: 100px; 208 | width: 200px; 209 | margin-top: 0; 210 | } 211 | 212 | 213 | .parallax .parallax-image { 214 | width: 100%; 215 | overflow: hidden; 216 | position: absolute; 217 | } 218 | 219 | .parallax .parallax-image img { 220 | width: 100%; 221 | } 222 | 223 | @media (max-width: 768px) { 224 | .parallax .parallax-image { 225 | width: 100%; 226 | height: 640px; 227 | overflow: hidden; 228 | } 229 | 230 | .parallax .parallax-image img { 231 | height: 100%; 232 | width: auto; 233 | } 234 | } 235 | 236 | /*.separator{ 237 | content: "Separator"; 238 | color: #FFFFFF; 239 | display: block; 240 | width: 100%; 241 | padding: 20px; 242 | } 243 | .separator-line{ 244 | background-color: #EEE; 245 | height: 1px; 246 | width: 100%; 247 | display: block; 248 | } 249 | .separator.separator-gray{ 250 | background-color: #EEEEEE; 251 | }*/ 252 | .social-buttons-demo .btn { 253 | margin-right: 5px; 254 | margin-bottom: 7px; 255 | } 256 | 257 | .img-container { 258 | width: 100%; 259 | overflow: hidden; 260 | } 261 | 262 | .img-container img { 263 | width: 100%; 264 | } 265 | 266 | .lightbox img { 267 | width: 100%; 268 | } 269 | 270 | .lightbox .modal-content { 271 | overflow: hidden; 272 | } 273 | 274 | .lightbox .modal-body { 275 | padding: 0; 276 | } 277 | 278 | @media screen and (min-width: 991px) { 279 | .lightbox .modal-dialog { 280 | width: 960px; 281 | } 282 | } 283 | 284 | @media (max-width: 991px) { 285 | .fixed-section.affix { 286 | position: relative; 287 | margin-bottom: 100px; 288 | } 289 | } 290 | 291 | @media (max-width: 768px) { 292 | 293 | .btn, 294 | .btn-morphing { 295 | margin-bottom: 10px; 296 | } 297 | 298 | .parallax .motto { 299 | top: 170px; 300 | margin-top: 0; 301 | font-size: 60px; 302 | width: 270px; 303 | } 304 | } 305 | 306 | /* Loading dots */ 307 | 308 | /* transitions */ 309 | .presentation .front, 310 | .presentation .front:after, 311 | .presentation .front .btn, 312 | .logo-container .logo, 313 | .logo-container .brand { 314 | -webkit-transition: all .2s; 315 | -moz-transition: all .2s; 316 | -o-transition: all .2s; 317 | transition: all .2s; 318 | } 319 | 320 | 321 | #images h4 { 322 | margin-bottom: 30px; 323 | } 324 | 325 | #javascriptComponents { 326 | padding-bottom: 0; 327 | } 328 | 329 | /* layer animation */ 330 | 331 | .layers-container { 332 | display: block; 333 | margin-top: 50px; 334 | position: relative; 335 | } 336 | 337 | .layers-container img { 338 | position: absolute; 339 | width: 100%; 340 | height: auto; 341 | top: 0; 342 | left: 0; 343 | text-align: center; 344 | } 345 | 346 | .animate { 347 | transition: 1.5s ease-in-out; 348 | -moz-transition: 1.5s ease-in-out; 349 | -webkit-transition: 1.5s ease-in-out; 350 | } 351 | 352 | .navbar-default.navbar-small .logo-container .brand { 353 | color: #333333; 354 | } 355 | 356 | .navbar-transparent.navbar-small .logo-container .brand { 357 | color: #FFFFFF; 358 | } 359 | 360 | .navbar-default.navbar-small .logo-container .brand { 361 | color: #333333; 362 | } 363 | 364 | .sharing-area { 365 | margin-top: 80px; 366 | } 367 | 368 | .sharing-area .btn { 369 | margin: 15px 4px 0; 370 | } 371 | 372 | .section-thin, 373 | .section-notifications { 374 | padding: 0; 375 | } 376 | 377 | /*.section-navbars{ 378 | padding-top: 0; 379 | }*/ 380 | #navbar .navbar { 381 | margin-bottom: 20px; 382 | z-index: 1 !important; 383 | } 384 | 385 | #navbar .navbar-toggler, 386 | #menu-dropdown .navbar-toggler { 387 | pointer-events: none; 388 | } 389 | 390 | .section-pagination { 391 | padding-bottom: 0; 392 | } 393 | 394 | .section-pagination .pagination:last-of-type { 395 | margin-bottom: 7px; 396 | } 397 | 398 | .section-download { 399 | padding-top: 130px; 400 | } 401 | 402 | .section-download .description { 403 | margin-bottom: 60px; 404 | } 405 | 406 | .section-download h4 { 407 | margin-bottom: 25px; 408 | } 409 | 410 | .section-examples a { 411 | text-decoration: none; 412 | } 413 | 414 | .section-examples a+a { 415 | margin-top: 30px; 416 | } 417 | 418 | .section-examples h5 { 419 | margin-top: 30px; 420 | } 421 | 422 | .components-page .wrapper>.header, 423 | .tutorial-page .wrapper>.header { 424 | height: 500px; 425 | padding-top: 128px; 426 | background-size: cover; 427 | background-position: center center; 428 | } 429 | 430 | .components-page .title, 431 | .tutorial-page .title { 432 | color: #FFFFFF; 433 | } 434 | 435 | .brand .h1-seo { 436 | font-size: 5em; 437 | text-transform: uppercase; 438 | font-weight: 300; 439 | } 440 | 441 | .brand .n-logo { 442 | max-width: 100px; 443 | margin-bottom: 40px; 444 | } 445 | 446 | .invision-logo { 447 | max-width: 70px; 448 | top: -2px; 449 | position: relative; 450 | } 451 | 452 | .creative-tim-logo { 453 | max-width: 140px; 454 | top: -2px; 455 | position: relative; 456 | } 457 | 458 | .section-javascript .title { 459 | margin-bottom: 0; 460 | } 461 | 462 | .navbar .switch-background { 463 | display: block; 464 | } 465 | 466 | .navbar-transparent .switch-background { 467 | display: none; 468 | } 469 | 470 | .section-signup .col .btn { 471 | margin-top: 30px; 472 | } 473 | 474 | #buttons-row .btn { 475 | margin-bottom: 10px; 476 | } 477 | 478 | .section-images { 479 | padding-bottom: 0; 480 | } 481 | 482 | @media screen and (max-width: 991px) { 483 | .section-navbars .navbar-collapse { 484 | display: none !important; 485 | } 486 | } 487 | 488 | @media screen and (max-width: 576px) { 489 | .typography-line span { 490 | width: 70px; 491 | margin-left: 5px; 492 | } 493 | } 494 | 495 | .offline-doc .page-header:before { 496 | position: absolute; 497 | z-index: 1; 498 | width: 100%; 499 | height: 100%; 500 | display: block; 501 | left: 0; 502 | top: 0; 503 | content: ""; 504 | background: rgba(0, 0, 0, .5); 505 | } -------------------------------------------------------------------------------- /public/assets/demo/demo.js: -------------------------------------------------------------------------------- 1 | demo = { 2 | 3 | initDocChart: function() { 4 | chartColor = "#FFFFFF"; 5 | 6 | // General configuration for the charts with Line gradientStroke 7 | gradientChartOptionsConfiguration = { 8 | maintainAspectRatio: false, 9 | legend: { 10 | display: false 11 | }, 12 | tooltips: { 13 | bodySpacing: 4, 14 | mode: "nearest", 15 | intersect: 0, 16 | position: "nearest", 17 | xPadding: 10, 18 | yPadding: 10, 19 | caretPadding: 10 20 | }, 21 | responsive: true, 22 | scales: { 23 | yAxes: [{ 24 | display: 0, 25 | gridLines: 0, 26 | ticks: { 27 | display: false 28 | }, 29 | gridLines: { 30 | zeroLineColor: "transparent", 31 | drawTicks: false, 32 | display: false, 33 | drawBorder: false 34 | } 35 | }], 36 | xAxes: [{ 37 | display: 0, 38 | gridLines: 0, 39 | ticks: { 40 | display: false 41 | }, 42 | gridLines: { 43 | zeroLineColor: "transparent", 44 | drawTicks: false, 45 | display: false, 46 | drawBorder: false 47 | } 48 | }] 49 | }, 50 | layout: { 51 | padding: { 52 | left: 0, 53 | right: 0, 54 | top: 15, 55 | bottom: 15 56 | } 57 | } 58 | }; 59 | 60 | ctx = document.getElementById('lineChartExample').getContext("2d"); 61 | 62 | gradientStroke = ctx.createLinearGradient(500, 0, 100, 0); 63 | gradientStroke.addColorStop(0, '#80b6f4'); 64 | gradientStroke.addColorStop(1, chartColor); 65 | 66 | gradientFill = ctx.createLinearGradient(0, 170, 0, 50); 67 | gradientFill.addColorStop(0, "rgba(128, 182, 244, 0)"); 68 | gradientFill.addColorStop(1, "rgba(249, 99, 59, 0.40)"); 69 | 70 | myChart = new Chart(ctx, { 71 | type: 'line', 72 | responsive: true, 73 | data: { 74 | labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], 75 | datasets: [{ 76 | label: "Active Users", 77 | borderColor: "#f96332", 78 | pointBorderColor: "#FFF", 79 | pointBackgroundColor: "#f96332", 80 | pointBorderWidth: 2, 81 | pointHoverRadius: 4, 82 | pointHoverBorderWidth: 1, 83 | pointRadius: 4, 84 | fill: true, 85 | backgroundColor: gradientFill, 86 | borderWidth: 2, 87 | data: [542, 480, 430, 550, 530, 453, 380, 434, 568, 610, 700, 630] 88 | }] 89 | }, 90 | options: gradientChartOptionsConfiguration 91 | }); 92 | }, 93 | 94 | initLandingPageChart: function() { 95 | 96 | var ctx = document.getElementById('chartBig').getContext("2d"); 97 | 98 | var gradientFill = ctx.createLinearGradient(0, 350, 0, 50); 99 | gradientFill.addColorStop(0, "rgba(228, 76, 196, 0.0)"); 100 | gradientFill.addColorStop(1, "rgba(228, 76, 196, 0.14)"); 101 | 102 | var chartBig = new Chart(ctx, { 103 | type: 'line', 104 | responsive: true, 105 | data: { 106 | labels: ["JUN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC"], 107 | datasets: [{ 108 | label: "Data", 109 | fill: true, 110 | backgroundColor: gradientFill, 111 | borderColor: '#e44cc4', 112 | borderWidth: 2, 113 | borderDash: [], 114 | borderDashOffset: 0.0, 115 | pointBackgroundColor: '#e44cc4', 116 | pointBorderColor: 'rgba(255,255,255,0)', 117 | pointHoverBackgroundColor: '#be55ed', 118 | //pointHoverBorderColor:'rgba(35,46,55,1)', 119 | pointBorderWidth: 20, 120 | pointHoverRadius: 4, 121 | pointHoverBorderWidth: 15, 122 | pointRadius: 4, 123 | data: [80, 160, 200, 160, 250, 280, 220, 190, 200, 250, 290, 320] 124 | }] 125 | }, 126 | options: { 127 | maintainAspectRatio: false, 128 | legend: { 129 | display: false 130 | }, 131 | 132 | tooltips: { 133 | backgroundColor: '#fff', 134 | titleFontColor: '#ccc', 135 | bodyFontColor: '#666', 136 | bodySpacing: 4, 137 | xPadding: 12, 138 | mode: "nearest", 139 | intersect: 0, 140 | position: "nearest" 141 | }, 142 | responsive: true, 143 | scales: { 144 | yAxes: [{ 145 | barPercentage: 1.6, 146 | gridLines: { 147 | drawBorder: false, 148 | color: 'rgba(0,0,0,0.0)', 149 | zeroLineColor: "transparent", 150 | }, 151 | ticks: { 152 | display: false, 153 | suggestedMin: 0, 154 | suggestedMax: 350, 155 | padding: 20, 156 | fontColor: "#9a9a9a" 157 | } 158 | }], 159 | 160 | xAxes: [{ 161 | barPercentage: 1.6, 162 | gridLines: { 163 | drawBorder: false, 164 | color: 'rgba(0,0,0,0)', 165 | zeroLineColor: "transparent", 166 | }, 167 | ticks: { 168 | padding: 20, 169 | fontColor: "#9a9a9a" 170 | } 171 | }] 172 | } 173 | } 174 | }); 175 | 176 | 177 | } 178 | } -------------------------------------------------------------------------------- /public/assets/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /public/assets/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /public/assets/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /public/assets/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /public/assets/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /public/assets/fonts/nucleo-icons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/fonts/nucleo-icons.eot -------------------------------------------------------------------------------- /public/assets/fonts/nucleo-icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/fonts/nucleo-icons.ttf -------------------------------------------------------------------------------- /public/assets/fonts/nucleo-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/fonts/nucleo-icons.woff -------------------------------------------------------------------------------- /public/assets/fonts/nucleo-icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/fonts/nucleo-icons.woff2 -------------------------------------------------------------------------------- /public/assets/img/apple-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/apple-icon.png -------------------------------------------------------------------------------- /public/assets/img/brand/blue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/brand/blue.png -------------------------------------------------------------------------------- /public/assets/img/brand/creativetim-black-slim.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/brand/creativetim-black-slim.png -------------------------------------------------------------------------------- /public/assets/img/brand/creativetim-white-slim.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/brand/creativetim-white-slim.png -------------------------------------------------------------------------------- /public/assets/img/brand/white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/brand/white.png -------------------------------------------------------------------------------- /public/assets/img/docs/computer-docs.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/docs/computer-docs.jpg -------------------------------------------------------------------------------- /public/assets/img/faces/alejandro-escamilla.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/faces/alejandro-escamilla.jpg -------------------------------------------------------------------------------- /public/assets/img/faces/ali-pazani.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/faces/ali-pazani.jpg -------------------------------------------------------------------------------- /public/assets/img/faces/atikh.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/faces/atikh.jpg -------------------------------------------------------------------------------- /public/assets/img/faces/brooke-cagle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/faces/brooke-cagle.jpg -------------------------------------------------------------------------------- /public/assets/img/faces/christian.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/faces/christian.jpg -------------------------------------------------------------------------------- /public/assets/img/faces/fezbot.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/faces/fezbot.jpg -------------------------------------------------------------------------------- /public/assets/img/faces/michael.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/faces/michael.jpg -------------------------------------------------------------------------------- /public/assets/img/faces/team-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/faces/team-1.jpg -------------------------------------------------------------------------------- /public/assets/img/faces/team-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/faces/team-2.jpg -------------------------------------------------------------------------------- /public/assets/img/faces/team-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/faces/team-3.jpg -------------------------------------------------------------------------------- /public/assets/img/faces/team-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/faces/team-4.jpg -------------------------------------------------------------------------------- /public/assets/img/faces/team-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/faces/team-5.jpg -------------------------------------------------------------------------------- /public/assets/img/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/favicon.png -------------------------------------------------------------------------------- /public/assets/img/github.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | UI/icons/dark/github 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /public/assets/img/google.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | UI/icons/color/google 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /public/assets/img/icons/common/github.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /public/assets/img/icons/common/google.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /public/assets/img/icons/flags/AD.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/AD.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/AE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/AE.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/AG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/AG.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/AM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/AM.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/AR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/AR.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/AT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/AT.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/AU.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/AU.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/BE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/BE.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/BF.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/BF.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/BG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/BG.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/BO.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/BO.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/BR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/BR.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/CA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/CA.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/CD.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/CD.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/CG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/CG.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/CH.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/CH.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/CL.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/CL.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/CM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/CM.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/CN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/CN.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/CO.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/CO.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/CZ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/CZ.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/DE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/DE.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/DJ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/DJ.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/DK.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/DK.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/DZ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/DZ.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/EE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/EE.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/EG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/EG.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/ES.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/ES.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/FI.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/FI.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/FR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/FR.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/GA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/GA.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/GB.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/GB.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/GM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/GM.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/GT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/GT.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/HN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/HN.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/HT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/HT.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/HU.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/HU.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/ID.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/ID.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/IE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/IE.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/IL.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/IL.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/IN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/IN.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/IQ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/IQ.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/IR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/IR.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/IT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/IT.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/JM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/JM.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/JO.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/JO.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/JP.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/JP.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/KG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/KG.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/KN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/KN.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/KP.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/KP.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/KR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/KR.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/KW.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/KW.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/KZ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/KZ.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/LA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/LA.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/LB.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/LB.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/LC.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/LC.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/LS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/LS.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/LU.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/LU.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/LV.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/LV.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/MG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/MG.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/MK.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/MK.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/ML.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/ML.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/MM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/MM.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/MT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/MT.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/MX.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/MX.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/NA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/NA.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/NE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/NE.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/NG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/NG.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/NI.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/NI.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/NL.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/NL.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/NO.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/NO.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/OM.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/OM.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/PA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/PA.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/PE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/PE.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/PG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/PG.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/PK.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/PK.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/PL.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/PL.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/PT.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/PT.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/PY.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/PY.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/QA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/QA.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/RO.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/RO.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/RU.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/RU.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/RW.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/RW.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/SA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/SA.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/SE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/SE.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/SG.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/SG.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/SL.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/SL.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/SN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/SN.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/SO.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/SO.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/SV.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/SV.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/TD.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/TD.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/TJ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/TJ.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/TL.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/TL.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/TR.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/TR.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/TZ.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/TZ.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/UA.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/UA.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/US.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/US.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/VE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/VE.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/VN.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/VN.png -------------------------------------------------------------------------------- /public/assets/img/icons/flags/YE.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/icons/flags/YE.png -------------------------------------------------------------------------------- /public/assets/img/ill/ill.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/ill/ill.png -------------------------------------------------------------------------------- /public/assets/img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/logo.png -------------------------------------------------------------------------------- /public/assets/img/nucleo-logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 6 | 7 | 11 | 15 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /public/assets/img/pages/mohamed.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/pages/mohamed.jpg -------------------------------------------------------------------------------- /public/assets/img/theme/img-1-1200x1000.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/theme/img-1-1200x1000.jpg -------------------------------------------------------------------------------- /public/assets/img/theme/img-2-1200x1000.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/theme/img-2-1200x1000.jpg -------------------------------------------------------------------------------- /public/assets/img/theme/landing.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/theme/landing.jpg -------------------------------------------------------------------------------- /public/assets/img/theme/profile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/img/theme/profile.jpg -------------------------------------------------------------------------------- /public/assets/js/argon-design-system.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["_site_kit_free/assets/js/kit-free.js"],"names":["big_image","navbar_initialized","transparent","transparentDemo","fixedTop","backgroundOrange","toggle_initialized","$datepicker","$","$collapse","$html","$tagsinput","hideNavbarCollapse","$this","addClass","hiddenNavbarCollapse","removeClass","debounce","func","wait","immediate","timeout","context","this","args","arguments","clearTimeout","setTimeout","apply","navigator","platform","indexOf","perfectScrollbar","length","each","PerfectScrollbar","document","ready","tooltip","color_class","data","popover","template","squares1","getElementById","squares2","squares3","squares4","squares5","squares6","squares9","squares10","mousemove","e","posX","event","clientX","window","innerWidth","posY","clientY","style","transform","ArgonKit","initNavbarImage","$navbar","scroll_distance","attr","checkScrollForTransparentNavbar","on","parent","data_on_label","data_off_label","bootstrapSwitch","onText","offText","carousel","interval","datepicker","disableTouchKeyboard","autoclose","flatpickr","mode","enableTime","dateFormat","initSliders","hide.bs.collapse","hidden.bs.collapse","misc","navbar_menu_visible","scrollTop","find","siblings","background_image","width","hasClass","undefined","css","removeAttr","initDatePicker","datetimepicker","icons","time","date","up","down","previous","next","today","clear","close","slider","noUiSlider","create","start","connect","range","min","max","slider2"],"mappings":"AAkBA,IACIA,UAKAC,mBANAC,aAAc,EAGdC,iBAAkB,EAClBC,UAAW,EAGXC,kBAAmB,EACnBC,oBAAqB,EAErBC,YAAcC,EAAE,eAChBC,UAAYD,EAAE,qBACdE,MAAQF,EAAE,QACVG,WAAaH,EAAE,cAiInB,SAASI,mBAAmBC,GAC1BA,EAAMC,SAAS,kBAGjB,SAASC,qBAAqBF,GAC5BA,EAAMG,YAAY,kBA0BpB,SAASC,SAASC,EAAMC,EAAMC,GAC7B,IAAIC,EACJ,OAAO,WACN,IAAIC,EAAUC,KAAMC,EAAOC,UAC3BC,aAAaL,GACbA,EAAUM,WAAW,WACpBN,EAAU,KACLD,GAAWF,EAAKU,MAAMN,EAASE,IAClCL,GACCC,IAAcC,GAASH,EAAKU,MAAMN,EAASE,IAmGjD,SAASP,SAASC,EAAMC,EAAMC,GAC7B,IAAIC,EACJ,OAAO,WACN,IAAIC,EAAUC,KAAMC,EAAOC,UAC3BC,aAAaL,GACbA,EAAUM,WAAW,WACpBN,EAAU,KACLD,GAAWF,EAAKU,MAAMN,EAASE,IAClCL,GACCC,IAAcC,GAASH,EAAKU,MAAMN,EAASE,KAlRQ,EAArCK,UAAUC,SAASC,QAAQ,QAKxCvB,EAAE,+CAA+CwB,mBAGF,GAA9CxB,EAAE,kCAAkCyB,QAErCzB,EAAE,qBAAqB0B,KAAK,WAChB,IAAIC,iBAAiB3B,EAAEe,MAAM,MAIzCb,MAAMI,SAAS,yBAEfJ,MAAMI,SAAS,yBAItBN,EAAE4B,UAAUC,MAAM,WAEd7B,EAAE,4CAA4C8B,UAG9C9B,EAAE,2BAA2B0B,KAAK,WAC9BK,YAAc/B,EAAEe,MAAMiB,KAAK,SAC3BhC,EAAEe,MAAMkB,QAAQ,CACZC,SAAU,+BAA+BH,YAAa,uHAI9D,IAAII,EAAWP,SAASQ,eAAe,WACnCC,EAAWT,SAASQ,eAAe,WACnCE,EAAWV,SAASQ,eAAe,WACnCG,EAAWX,SAASQ,eAAe,WACnCI,EAAWZ,SAASQ,eAAe,WACnCK,EAAWb,SAASQ,eAAe,WACnCM,EAAWd,SAASQ,eAAe,WACnCO,EAAYf,SAASQ,eAAe,WAEZ,GAAvBpC,EAAE,WAAWyB,QAEdzB,EAAE4B,UAAUgB,UAAU,SAASC,GAC7BC,KAAOC,MAAMC,QAAUC,OAAOC,WAAW,EACzCC,KAAOJ,MAAMK,QAAUH,OAAOC,WAAW,EAEzCf,EAASkB,MAAMC,UAAY,8BAAmC,IAALR,KAAU,iBAAuB,IAAPK,KAAa,OAChGd,EAASgB,MAAMC,UAAY,8BAAmC,IAALR,KAAU,iBAAuB,IAAPK,KAAa,OAChGb,EAASe,MAAMC,UAAY,8BAAmC,IAALR,KAAU,iBAAuB,IAAPK,KAAa,OAChGZ,EAASc,MAAMC,UAAY,8BAAmC,IAALR,KAAU,iBAAuB,IAAPK,KAAa,OAChGX,EAASa,MAAMC,UAAY,8BAAmC,IAALR,KAAU,iBAAuB,IAAPK,KAAa,OAChGV,EAASY,MAAMC,UAAY,8BAAmC,IAALR,KAAU,iBAAuB,IAAPK,KAAa,OAChGT,EAASW,MAAMC,UAAY,8BAAmC,IAALR,KAAU,iBAAuB,IAAPK,KAAa,OAChGR,EAAUU,MAAMC,UAAY,8BAAmC,IAALR,KAAU,iBAAuB,IAAPK,KAAa,SAMvGI,SAASC,kBAETC,QAAUzD,EAAE,4BACZ0D,gBAAkBD,QAAQE,KAAK,oBAAsB,IAIV,GAAxC3D,EAAE,4BAA4ByB,SAC7B8B,SAASK,kCACT5D,EAAEiD,QAAQY,GAAG,SAAUN,SAASK,kCAGpC5D,EAAE,iBAAiB6D,GAAG,QAAS,WAC3B7D,EAAEe,MAAM+C,OAAO,gBAAgBxD,SAAS,uBACzCuD,GAAG,OAAQ,WACV7D,EAAEe,MAAM+C,OAAO,gBAAgBtD,YAAY,uBAI/CR,EAAE,qBAAqB0B,KAAK,WACxBrB,MAAQL,EAAEe,MACVgD,cAAgB1D,MAAM2B,KAAK,aAAe,GAC1CgC,eAAiB3D,MAAM2B,KAAK,cAAgB,GAE5C3B,MAAM4D,gBAAgB,CAClBC,OAAQH,cACRI,QAASH,mBAKpBhE,EAAE,aAAaoE,SAAS,CACrBC,UAAU,IAIZrE,EAAE,eAAe,IAAMA,EAAE,eAAe0B,KAAK,WACzC1B,EAAE,eAAesE,WAAW,CACxBC,sBAAsB,EACtBC,WAAW,MAMnBC,UAAU,aAAc,IAGxBA,UAAU,SAAU,CAClBC,KAAM,UAIRD,UAAU,kBAAmB,CAC3BE,YAAY,EACZC,WAAY,cAIdrB,SAASsB,gBAiBP5E,UAAUwB,SACZxB,UAAU4D,GAAG,CACXiB,mBAAoB,WAClB1E,mBAAmBH,cAIvBA,UAAU4D,GAAG,CACXkB,qBAAsB,WACpBxE,qBAAqBN,eAyB3BsD,SAAW,CACPyB,KAAK,CACDC,oBAAqB,GAGzBrB,gCAAiCnD,SAAS,WAC/BT,EAAE4B,UAAUsD,YAAcxB,gBACtBhE,cACCA,aAAc,EACdM,EAAE,4BAA4BQ,YAAY,uBAGzCd,cACDA,aAAc,EACdM,EAAE,4BAA4BM,SAAS,wBAGpD,IAEHkD,gBAAiB,WACb,IAAIC,EAAUzD,EAAE,WAAWmF,KAAK,qBAAqBC,SAAS,oBAC1DC,EAAmB5B,EAAQzB,KAAK,aAEhChC,EAAEiD,QAAQqC,QAAU,KAAOtF,EAAE,QAAQuF,SAAS,eACvBC,MAApBH,GACA5B,EAAQgC,IAAI,aAAa,QAAUJ,EAAmB,MAC9CK,WAAW,kBACXD,IAAI,kBAAkB,SACtBnF,SAAS,aAEOkF,MAApBH,GACP5B,EAAQgC,IAAI,aAAa,IACjB9B,KAAK,iBAAkB,GAAI0B,GAC3BI,IAAI,kBAAkB,IACtBjF,YAAY,cAI5BmF,eAAgB,WACa,GAAtB5F,YAAY0B,QACb1B,YAAY6F,eAAe,CACzBC,MAAO,CACLC,KAAM,4BACNC,KAAM,6BACNC,GAAI,mBACJC,KAAM,qBACNC,SAAU,8BACVC,KAAM,+BACNC,MAAO,mBACPC,MAAO,cACPC,MAAO,mBAMjBzB,YAAa,WAET,IAAI0B,EAAS3E,SAASQ,eAAe,iBACJ,GAA9BpC,EAAE,kBAAkByB,QAEvB+E,WAAWC,OAAOF,EAAQ,CACtBG,MAAO,GACPC,QAAS,EAAC,GAAK,GACfC,MAAO,CACHC,IAAK,EACLC,IAAK,OAKb,IAAIC,EAAUnF,SAASQ,eAAe,gBAEN,GAA7BpC,EAAE,iBAAiByB,QAEtB+E,WAAWC,OAAOM,EAAS,CACvBL,MAAO,CAAE,GAAI,IACbC,SAAS,EACTC,MAAO,CACHC,IAAM,EACNC,IAAM"} -------------------------------------------------------------------------------- /public/assets/js/argon-design-system.min.js: -------------------------------------------------------------------------------- 1 | var big_image,navbar_initialized,transparent=!0,transparentDemo=!0,fixedTop=!1,backgroundOrange=!1,toggle_initialized=!1,$datepicker=$(".datepicker"),$collapse=$(".navbar .collapse"),$html=$("html"),$tagsinput=$(".tagsinput");function hideNavbarCollapse(e){e.addClass("collapsing-out")}function hiddenNavbarCollapse(e){e.removeClass("collapsing-out")}function debounce(t,o,r){var n;return function(){var e=this,a=arguments;clearTimeout(n),n=setTimeout(function(){n=null,r||t.apply(e,a)},o),r&&!n&&t.apply(e,a)}}function debounce(t,o,r){var n;return function(){var e=this,a=arguments;clearTimeout(n),n=setTimeout(function(){n=null,r||t.apply(e,a)},o),r&&!n&&t.apply(e,a)}}-1

'})});var a=document.getElementById("square1"),t=document.getElementById("square2"),o=document.getElementById("square3"),r=document.getElementById("square4"),n=document.getElementById("square5"),l=document.getElementById("square6"),s=document.getElementById("square7"),i=document.getElementById("square8");0!=$(".square").length&&$(document).mousemove(function(e){posX=event.clientX-window.innerWidth/2,posY=event.clientY-window.innerWidth/6,a.style.transform="perspective(500px) rotateY("+.05*posX+"deg) rotateX("+-.05*posY+"deg)",t.style.transform="perspective(500px) rotateY("+.05*posX+"deg) rotateX("+-.05*posY+"deg)",o.style.transform="perspective(500px) rotateY("+.05*posX+"deg) rotateX("+-.05*posY+"deg)",r.style.transform="perspective(500px) rotateY("+.05*posX+"deg) rotateX("+-.05*posY+"deg)",n.style.transform="perspective(500px) rotateY("+.05*posX+"deg) rotateX("+-.05*posY+"deg)",l.style.transform="perspective(500px) rotateY("+.05*posX+"deg) rotateX("+-.05*posY+"deg)",s.style.transform="perspective(500px) rotateY("+.02*posX+"deg) rotateX("+-.02*posY+"deg)",i.style.transform="perspective(500px) rotateY("+.02*posX+"deg) rotateX("+-.02*posY+"deg)"}),ArgonKit.initNavbarImage(),$navbar=$(".navbar[color-on-scroll]"),scroll_distance=$navbar.attr("color-on-scroll")||500,0!=$(".navbar[color-on-scroll]").length&&(ArgonKit.checkScrollForTransparentNavbar(),$(window).on("scroll",ArgonKit.checkScrollForTransparentNavbar)),$(".form-control").on("focus",function(){$(this).parent(".input-group").addClass("input-group-focus")}).on("blur",function(){$(this).parent(".input-group").removeClass("input-group-focus")}),$(".bootstrap-switch").each(function(){$this=$(this),data_on_label=$this.data("on-label")||"",data_off_label=$this.data("off-label")||"",$this.bootstrapSwitch({onText:data_on_label,offText:data_off_label})}),$(".carousel").carousel({interval:!1}),$(".datepicker")[0]&&$(".datepicker").each(function(){$(".datepicker").datepicker({disableTouchKeyboard:!0,autoclose:!1})}),flatpickr(".flatpickr",{}),flatpickr(".range",{mode:"range"}),flatpickr(".datetimepicker",{enableTime:!0,dateFormat:"Y-m-d H:i"}),ArgonKit.initSliders()}),$collapse.length&&($collapse.on({"hide.bs.collapse":function(){hideNavbarCollapse($collapse)}}),$collapse.on({"hidden.bs.collapse":function(){hiddenNavbarCollapse($collapse)}})),ArgonKit={misc:{navbar_menu_visible:0},checkScrollForTransparentNavbar:debounce(function(){$(document).scrollTop()>scroll_distance?transparent&&(transparent=!1,$(".navbar[color-on-scroll]").removeClass("navbar-transparent")):transparent||(transparent=!0,$(".navbar[color-on-scroll]").addClass("navbar-transparent"))},17),initNavbarImage:function(){var e=$(".navbar").find(".navbar-translate").siblings(".navbar-collapse"),a=e.data("nav-image");$(window).width()<991||$("body").hasClass("burger-menu")?null!=a&&e.css("background","url('"+a+"')").removeAttr("data-nav-image").css("background-size","cover").addClass("has-image"):null!=a&&e.css("background","").attr("data-nav-image",""+a).css("background-size","").removeClass("has-image")},initDatePicker:function(){0!=$datepicker.length&&$datepicker.datetimepicker({icons:{time:"tim-icons icon-watch-time",date:"tim-icons icon-calendar-60",up:"fa fa-chevron-up",down:"fa fa-chevron-down",previous:"tim-icons icon-minimal-left",next:"tim-icons icon-minimal-right",today:"fa fa-screenshot",clear:"fa fa-trash",close:"fa fa-remove"}})},initSliders:function(){var e=document.getElementById("sliderRegular");0!=$("#sliderRegular").length&&noUiSlider.create(e,{start:40,connect:[!0,!1],range:{min:0,max:100}});var a=document.getElementById("sliderDouble");0!=$("#sliderDouble").length&&noUiSlider.create(a,{start:[20,60],connect:!0,range:{min:0,max:100}})}}; 2 | //# sourceMappingURL=_site_kit_free/assets/js/kit-free.js.map -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | ========================================================= 3 | * Argon Design System - v 1.2.0 4 | ========================================================= 5 | 6 | * Product Page: https://www.creative-tim.com/product/argon-design-system 7 | * Copyright 2020 Creative Tim (http://www.creative-tim.com) 8 | 9 | Coded by www.creative-tim.com 10 | 11 | ========================================================= 12 | 13 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 14 | 15 | */ 16 | 17 | // Bootstrap Functions 18 | @import "bootstrap/functions"; 19 | 20 | // Theme Variables 21 | @import "argon-design-system/variables"; 22 | 23 | // Bootstrap Core 24 | @import "bootstrap/bootstrap"; 25 | 26 | // Theme Core 27 | @import "argon-design-system/theme"; 28 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/accordion.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/scss/argon-design-system/accordion.scss -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/alert.scss: -------------------------------------------------------------------------------- 1 | .alert { 2 | padding: $alert-padding-y $alert-padding-x; 3 | border: 0; 4 | font-size: $font-size-sm; 5 | @include border-radius($alert-border-radius); 6 | 7 | .alert-inner--icon { 8 | font-size: 1.25rem; 9 | margin-right: 1.25rem; 10 | display: inline-block; 11 | vertical-align: middle; 12 | 13 | i.ni { 14 | position: relative; 15 | top: 1px; 16 | } 17 | } 18 | .alert-inner--text { 19 | display: inline-block; 20 | vertical-align: middle; 21 | } 22 | } 23 | 24 | .alert:not(.alert-secondary) { 25 | color: $white; 26 | } 27 | 28 | [class*="alert-"] { 29 | .alert-link { 30 | color: $white; 31 | border-bottom: 1px dotted rgba($white, .5); 32 | } 33 | } 34 | 35 | .alert-heading { 36 | font-weight: $font-weight-bold; 37 | font-size: $h4-font-size; 38 | margin-top: .15rem; 39 | } 40 | 41 | .alert-dismissible { 42 | .close { 43 | top: 50%; 44 | right: $alert-padding-x; 45 | padding: 0; 46 | transform: translateY(-50%); 47 | color: rgba($white, .6); 48 | opacity: 1; 49 | 50 | &:hover, 51 | &:focus { 52 | color: rgba($white, .9); 53 | opacity: 1 !important; 54 | } 55 | 56 | @include media-breakpoint-down(xs) { 57 | top: 1rem; 58 | right: .5rem; 59 | } 60 | 61 | &>span:not(.sr-only) { 62 | font-size: 1.5rem; 63 | background-color: transparent; 64 | color: rgba($white, .6); 65 | } 66 | 67 | &:hover, 68 | &:focus { 69 | &>span:not(.sr-only) { 70 | background-color: transparent; 71 | color: rgba($white, .9); 72 | } 73 | } 74 | } 75 | } 76 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/avatar.scss: -------------------------------------------------------------------------------- 1 | .avatar { 2 | color: $white; 3 | background-color: $gray-500; 4 | display: inline-flex; 5 | align-items: center; 6 | justify-content: center; 7 | font-size: 1rem; 8 | border-radius: 50%; 9 | height: 48px; 10 | width: 48px; 11 | } 12 | 13 | .avatar img { 14 | width: 100%; 15 | border-radius: 50%; 16 | } 17 | 18 | .avatar + .avatar-content { 19 | display: inline-block; 20 | margin-left: .75rem; 21 | } 22 | .avatar-lg { 23 | width: 58px; 24 | height: 58px; 25 | font-size: $font-size-sm; 26 | } 27 | 28 | .avatar-sm { 29 | width: 38px; 30 | height: 38px; 31 | font-size: $font-size-sm; 32 | } 33 | 34 | // Overlapped avatars 35 | 36 | .avatar-group { 37 | .avatar { 38 | position: relative; 39 | z-index: 2; 40 | border: 2px solid $card-bg; 41 | 42 | &:hover { 43 | z-index: 3; 44 | } 45 | } 46 | 47 | .avatar + .avatar { 48 | margin-left: -1rem; 49 | 50 | } 51 | } 52 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/badge.scss: -------------------------------------------------------------------------------- 1 | .badge { 2 | text-transform: $badge-text-transfom; 3 | 4 | a { 5 | color: #FFF; 6 | } 7 | } 8 | 9 | // Variations 10 | .badge-pill { 11 | padding-right: $badge-pill-padding-x; 12 | padding-left: $badge-pill-padding-x; 13 | } 14 | 15 | .badge-circle { 16 | text-align: center; 17 | display: inline-flex; 18 | align-items: center; 19 | justify-content: center; 20 | border-radius: 50%; 21 | width: 2rem; 22 | height: 2rem; 23 | font-size: .875rem; 24 | } 25 | 26 | // Multiple inline badges 27 | .badge-inline { 28 | margin-right: .625rem; 29 | } 30 | 31 | .badge-inline + span { 32 | top: 2px; 33 | position: relative; 34 | } 35 | 36 | .badge-inline + span > a { 37 | text-decoration: underline; 38 | } 39 | 40 | // Sizes 41 | .badge-md { 42 | padding: .65em 1em; 43 | } 44 | 45 | .badge-lg { 46 | padding: .85em 1.375em; 47 | } 48 | 49 | 50 | // Color variations 51 | 52 | .badge-secondary { 53 | color: $gray-800; 54 | } 55 | 56 | // Link badges 57 | 58 | .btn { 59 | .badge { 60 | &:not(:first-child) { 61 | margin-left: .5rem; 62 | } 63 | &:not(:last-child) { 64 | margin-right: .5rem; 65 | } 66 | } 67 | } -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/buttons.scss: -------------------------------------------------------------------------------- 1 | // General 2 | 3 | .btn { 4 | position: relative; 5 | text-transform: $btn-text-transform; 6 | will-change: transform; 7 | letter-spacing: $btn-letter-spacing; 8 | font-size: $input-btn-font-size; 9 | 10 | &:hover { 11 | @include box-shadow($btn-hover-box-shadow); 12 | transform: translateY(-1px); 13 | } 14 | 15 | &:not(:last-child) { 16 | margin-right: .5rem; 17 | } 18 | 19 | } 20 | 21 | .btn-group, 22 | .input-group { 23 | .btn { 24 | margin-right: 0; 25 | transform: translateY(0); 26 | } 27 | } 28 | 29 | // Sizes 30 | 31 | .btn-sm { 32 | font-size: $input-btn-font-size-sm; 33 | 34 | &.btn-icon-only { 35 | width: 35px; 36 | height: 35px; 37 | } 38 | 39 | .btn-inner--icon { 40 | font-size: 0.5rem;; 41 | } 42 | } 43 | 44 | .btn-lg { 45 | &.btn-icon-only { 46 | width: 52px; 47 | height: 52px; 48 | } 49 | 50 | .btn-inner--icon { 51 | font-size: 1.2rem; 52 | position: relative; 53 | top: 2px; 54 | } 55 | } 56 | 57 | // Fixes 58 | 59 | [class*="btn-outline-"] { 60 | border-width: 1px; 61 | } 62 | .btn-outline-secondary { 63 | color: darken(theme-color("secondary"), 50%); 64 | } 65 | 66 | .btn-inner--icon { 67 | i:not(.fa) { 68 | position: relative; 69 | } 70 | } 71 | 72 | .btn-link { 73 | font-weight: $btn-font-weight; 74 | box-shadow: none; 75 | 76 | &:hover { 77 | box-shadow: none; 78 | transform: none; 79 | } 80 | 81 | &.text-secondary { 82 | color: darken(theme-color("secondary"), 50%) !important; 83 | } 84 | } 85 | 86 | .btn-neutral { 87 | color: theme-color("primary"); 88 | } 89 | 90 | // Icons 91 | 92 | .btn svg:not(:first-child), 93 | .btn i:not(:first-child) { 94 | margin-left: 0.5rem; 95 | } 96 | 97 | .btn svg:not(:last-child), 98 | .btn i:not(:last-child) { 99 | margin-right: 0.5rem; 100 | } 101 | 102 | // Icon labels 103 | 104 | .btn-icon-label { 105 | position: relative; 106 | 107 | .btn-inner--icon { 108 | position: absolute; 109 | height: 100%; 110 | line-height: 1; 111 | border-radius: 0; 112 | text-align: center; 113 | margin: 0; 114 | width: 3em; 115 | background-color: rgba(0, 0, 0, .1); 116 | } 117 | .btn-inner--icon:not(:first-child) { 118 | right: 0; 119 | top: 0; 120 | border-top-right-radius: inherit; 121 | border-bottom-right-radius: inherit; 122 | } 123 | .btn-inner--icon:not(:last-child) { 124 | left: 0; 125 | top: 0; 126 | border-top-left-radius: inherit; 127 | border-bottom-left-radius: inherit; 128 | } 129 | .btn-inner--icon svg { 130 | position: relative; 131 | top: 50%; 132 | transform: translateY(-50%); 133 | } 134 | 135 | .btn-inner--text:not(:first-child) { 136 | padding-left: 3em; 137 | } 138 | .btn-inner--text:not(:last-child) { 139 | padding-right: 3em; 140 | } 141 | } 142 | 143 | 144 | // Icons 145 | 146 | .btn-icon { 147 | .btn-inner--icon { 148 | img { 149 | width: 20px; 150 | } 151 | } 152 | .btn-inner--text:not(:first-child) { 153 | margin-left: .75em; 154 | } 155 | .btn-inner--text:not(:last-child) { 156 | margin-right: .75em; 157 | } 158 | } 159 | 160 | .btn-icon-only { 161 | width: 2.375rem; 162 | height: 2.375rem; 163 | padding: 0; 164 | } 165 | a.btn-icon-only { 166 | line-height: 2.5; 167 | } 168 | .btn-icon-only.btn-sm { 169 | width: 2rem; 170 | height: 2rem; 171 | } 172 | 173 | 174 | // Brand buttons 175 | 176 | @each $color, 177 | $value in $brand-colors { 178 | .btn-#{$color} { 179 | @include button-variant($value, $value); 180 | } 181 | } 182 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/card.scss: -------------------------------------------------------------------------------- 1 | 2 | .card { 3 | position: relative; 4 | 5 | &.card-plain { 6 | background: transparent; 7 | box-shadow: none; 8 | border: none; 9 | } 10 | } 11 | 12 | .profile-page { 13 | .card-profile { 14 | margin-top: -150px; 15 | 16 | .card-profile-image { 17 | position: relative; 18 | //min-height: 130px; 19 | 20 | img { 21 | max-width: 180px; 22 | border-radius: $border-radius; 23 | @extend .shadow; 24 | transform: translate(-50%,-30%); 25 | position: absolute; 26 | left: 50%; 27 | transition: $transition-base; 28 | 29 | &:hover { 30 | transform: translate(-50%, -33%); 31 | } 32 | } 33 | } 34 | 35 | .card-profile-stats { 36 | padding: 1rem 0; 37 | 38 | > div { 39 | text-align: center; 40 | margin-right: 1rem; 41 | padding: .875rem; 42 | 43 | &:last-child { 44 | margin-right: 0; 45 | } 46 | 47 | .heading { 48 | font-size: 1.1rem; 49 | font-weight: bold; 50 | display: block; 51 | } 52 | .description { 53 | font-size: .875rem; 54 | color: $gray-500; 55 | } 56 | } 57 | } 58 | 59 | .card-profile-actions { 60 | padding: .875rem; 61 | } 62 | 63 | @include media-breakpoint-down(xs) { 64 | .card-profile-actions { 65 | margin-top: 110px; 66 | } 67 | } 68 | 69 | @include media-breakpoint-between(sm, md) { 70 | .card-profile-stats { 71 | margin-top: 30px; 72 | } 73 | } 74 | } 75 | } 76 | 77 | // Card with blockquotes 78 | 79 | .card { 80 | .card-blockquote { 81 | padding: 2rem; 82 | position: relative; 83 | 84 | .svg-bg { 85 | display: block; 86 | width: 100%; 87 | height: 95px; 88 | position: absolute; 89 | top: -94px; 90 | left: 0; 91 | } 92 | } 93 | } 94 | 95 | // Animated cards 96 | 97 | .card-lift--hover { 98 | &:hover { 99 | transform: translateY(-20px); 100 | @include transition($transition-base); 101 | } 102 | } 103 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/carousel.scss: -------------------------------------------------------------------------------- 1 | // Bootstrap carousel 2 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/close.scss: -------------------------------------------------------------------------------- 1 | .close { 2 | @if $enable-transitions { 3 | transition: $transition-base; 4 | } 5 | &>span:not(.sr-only) { 6 | background-color: $close-bg; 7 | color: $close-color; 8 | line-height: 17px; 9 | height: 1.25rem; 10 | width: 1.25rem; 11 | border-radius: 50%; 12 | font-size: 1.25rem; 13 | display: block; 14 | @if $enable-transitions { 15 | transition: $transition-base; 16 | } 17 | } 18 | 19 | &:hover, 20 | &:focus { 21 | background-color: $close-hover-bg; 22 | color: $close-hover-color; 23 | outline: none; 24 | 25 | span:not(.sr-only) { 26 | background-color: $close-hover-bg; 27 | } 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/content.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/assets/scss/argon-design-system/content.scss -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/custom-forms.scss: -------------------------------------------------------------------------------- 1 | .custom-control-label { 2 | // Background-color and (when enabled) gradient 3 | &::before { 4 | border: $custom-control-indicator-border-width solid $custom-control-indicator-border-color; 5 | @if $enable-transitions { 6 | transition: all .3s ease;; 7 | } 8 | } 9 | 10 | span { 11 | position: relative; 12 | top: 2px; 13 | } 14 | } 15 | 16 | .custom-control { 17 | padding-left: 1.7rem !important; 18 | } 19 | 20 | .custom-control-label { 21 | margin-bottom: 0; 22 | 23 | &:before, 24 | &:after { 25 | left: -1.75rem; 26 | } 27 | } 28 | 29 | .custom-control-input { 30 | &:active~.custom-control-label::before { 31 | border-color: $custom-control-indicator-active-border-color; 32 | } 33 | } 34 | 35 | // Alternative custom control 36 | .custom-control-alternative { 37 | .custom-control-label { 38 | // Background-color and (when enabled) gradient 39 | &::before { 40 | border: 0; 41 | box-shadow: $input-alternative-box-shadow; 42 | } 43 | } 44 | 45 | .custom-control-input { 46 | &:checked { 47 | ~ .custom-control-label { 48 | &::before { 49 | box-shadow: $input-focus-alternative-box-shadow; 50 | } 51 | } 52 | } 53 | 54 | &:active~.custom-control-label::before, 55 | &:focus~.custom-control-label::before { 56 | box-shadow: $input-alternative-box-shadow; 57 | } 58 | } 59 | } 60 | 61 | 62 | // Checkboxes 63 | .custom-checkbox { 64 | .custom-control-input~.custom-control-label { 65 | cursor: pointer; 66 | font-size: $font-size-sm; 67 | } 68 | 69 | .custom-control-input { 70 | &:checked { 71 | ~ .custom-control-label { 72 | &::before { 73 | border-color: $custom-control-indicator-checked-border-color; 74 | } 75 | &::after { 76 | background-image: $custom-checkbox-indicator-icon-checked; 77 | } 78 | } 79 | } 80 | 81 | &:disabled { 82 | ~ .custom-control-label { 83 | &::before { 84 | border-color: $custom-control-indicator-disabled-bg; 85 | } 86 | } 87 | 88 | &:checked { 89 | &::before { 90 | border-color: $custom-control-indicator-checked-disabled-bg; 91 | } 92 | } 93 | } 94 | } 95 | } 96 | 97 | // Radios 98 | .custom-radio { 99 | .custom-control-input~.custom-control-label { 100 | cursor: pointer; 101 | font-size: $font-size-sm; 102 | } 103 | 104 | .custom-control-input { 105 | &:checked { 106 | ~ .custom-control-label { 107 | &::before { 108 | border-color: $custom-control-indicator-checked-border-color; 109 | } 110 | &::after { 111 | background-image: $custom-radio-indicator-icon-checked; 112 | } 113 | } 114 | } 115 | 116 | &:disabled { 117 | ~ .custom-control-label { 118 | &::before { 119 | border-color: $custom-control-indicator-disabled-bg; 120 | } 121 | } 122 | 123 | &:checked { 124 | &::before { 125 | border-color: $custom-control-indicator-checked-disabled-bg; 126 | } 127 | } 128 | } 129 | } 130 | 131 | } 132 | 133 | // Toggles 134 | .custom-toggle { 135 | position: relative; 136 | display: inline-block; 137 | width: 50px; 138 | height: 1.5rem; 139 | 140 | input { 141 | display: none; 142 | 143 | &:checked { 144 | + .custom-toggle-slider { 145 | border: $custom-control-indicator-border-width solid $custom-control-indicator-checked-border-color; 146 | 147 | &:before { 148 | background: $custom-toggle-checked-bg; 149 | transform: translateX(1.625rem); 150 | } 151 | } 152 | } 153 | 154 | &:disabled { 155 | + .custom-toggle-slider { 156 | border: $custom-control-indicator-border-width solid $custom-control-indicator-disabled-bg; 157 | } 158 | 159 | &:checked { 160 | + .custom-toggle-slider { 161 | border: $custom-control-indicator-border-width solid $custom-control-indicator-disabled-bg; 162 | 163 | &:before { 164 | background-color: lighten($custom-control-indicator-checked-bg, 10%); 165 | } 166 | } 167 | } 168 | } 169 | } 170 | } 171 | 172 | .custom-toggle-slider { 173 | position: absolute; 174 | cursor: pointer; 175 | top: 0; 176 | left: 0; 177 | right: 0; 178 | bottom: 0; 179 | border: $custom-control-indicator-border-width solid $input-border-color; 180 | border-radius: 34px !important; 181 | background-color: transparent; 182 | 183 | 184 | &:before { 185 | position: absolute; 186 | content: ""; 187 | height: 18px; 188 | width: 18px; 189 | left: 2px; 190 | bottom: 2px; 191 | border-radius: 50% !important; 192 | background-color: $custom-toggle-slider-bg; 193 | transition: $input-transition; 194 | } 195 | } 196 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/docs.scss: -------------------------------------------------------------------------------- 1 | 2 | @import "docs/variables"; 3 | @import "docs/clipboard-js"; 4 | @import "docs/component-examples"; 5 | @import "docs/content"; 6 | @import "docs/footer"; 7 | @import "docs/nav"; 8 | @import "docs/prism"; 9 | @import "docs/sidebar"; 10 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/docs/clipboard-js.scss: -------------------------------------------------------------------------------- 1 | // clipboard.js 2 | // 3 | // JS-based `Copy` buttons for code snippets. 4 | 5 | .ct-clipboard { 6 | position: relative; 7 | display: none; 8 | float: right; 9 | 10 | + .highlight { 11 | margin-top: 0; 12 | } 13 | } 14 | 15 | .btn-clipboard { 16 | position: absolute; 17 | top: 1rem; 18 | right: 1rem; 19 | z-index: 10; 20 | display: block; 21 | padding: .25rem .5rem; 22 | font-size: 75%; 23 | cursor: pointer; 24 | background-color: transparent; 25 | border: 0; 26 | border-radius: .25rem; 27 | color: #fff; 28 | background-color: $ct-primary; 29 | 30 | &:hover { 31 | color: #fff; 32 | background-color: darken($ct-primary, 10%); 33 | } 34 | } 35 | 36 | @media (min-width: 768px) { 37 | .ct-clipboard { 38 | display: block; 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/docs/content.scss: -------------------------------------------------------------------------------- 1 | .docs { 2 | background: #FFF; 3 | 4 | h6 { 5 | font-size: 1rem; 6 | font-weight: $font-weight-bold; 7 | } 8 | } 9 | 10 | .ct-content { 11 | order: 1; 12 | 13 | >h2[id], 14 | >h3[id], 15 | >h4[id] { 16 | pointer-events: none; 17 | 18 | >div, 19 | >a { 20 | pointer-events: auto; 21 | } 22 | 23 | &::before { 24 | display: block; 25 | height: 6rem; 26 | margin-top: -6rem; 27 | visibility: hidden; 28 | content: ""; 29 | } 30 | } 31 | 32 | >table { 33 | width: 100%; 34 | max-width: 100%; 35 | margin-bottom: 1rem; 36 | 37 | @include media-breakpoint-down(md) { 38 | display: block; 39 | overflow-x: auto; 40 | -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057 41 | &.table-bordered { 42 | border: 0; 43 | } 44 | } // Cells 45 | >thead, 46 | >tbody, 47 | >tfoot { 48 | >tr { 49 | >th, 50 | >td { 51 | padding: $table-cell-padding; 52 | vertical-align: top; 53 | border: 1px solid $table-border-color; 54 | 55 | >p:last-child { 56 | margin-bottom: 0; 57 | } 58 | } 59 | } 60 | } // Prevent breaking of code (e.g., Grunt tasks list) 61 | td:first-child>code { 62 | white-space: nowrap; 63 | } 64 | } 65 | } 66 | 67 | // 68 | // Docs sections 69 | // 70 | .ct-content { 71 | >h2:not(:first-child) { 72 | margin-top: 3rem; 73 | font-size: 1.5rem; 74 | font-weight: $font-weight-bold; 75 | } 76 | 77 | >h3 { 78 | margin-top: 2.5rem; 79 | font-size: 1.25rem; 80 | font-weight: $font-weight-bold; 81 | } 82 | 83 | >ul li, 84 | >ol li { 85 | margin-bottom: .25rem; 86 | } 87 | 88 | @include media-breakpoint-up(lg) { 89 | >ul, 90 | >ol, 91 | >p { 92 | max-width: 80%; 93 | } 94 | } 95 | } 96 | 97 | .ct-page-title { 98 | padding-left: 1.25rem; 99 | border-left: 2px solid $ct-primary; 100 | margin-bottom: 1.5rem; 101 | } 102 | 103 | .ct-title { 104 | margin-top: 1rem; 105 | margin-bottom: .5rem; 106 | font-weight: 300; 107 | 108 | @include media-breakpoint-up(sm) { 109 | font-size: 1.5rem; 110 | font-weight: $font-weight-bold; 111 | } 112 | } 113 | 114 | .ct-lead { 115 | color: rgb(59, 69, 78); 116 | font-weight: 500; 117 | 118 | @include media-breakpoint-up(sm) { 119 | max-width: 80%; 120 | margin-bottom: 1rem; 121 | font-size: .875rem; 122 | } 123 | } 124 | 125 | .ct-text-purple { 126 | color: $ct-primary; 127 | } 128 | 129 | .ct-text-purple-bright { 130 | color: $ct-primary-bright; 131 | } 132 | 133 | // Docs code example tabs 134 | .ct-tabs-example { 135 | .nav-link i { 136 | margin-right: 5px; 137 | } 138 | } 139 | 140 | // Color swatches 141 | .color-swatch { 142 | margin: 1rem 0; 143 | border-radius: .25rem; 144 | background-color: #F4F5F7; 145 | } 146 | 147 | .color-swatch:after { 148 | content: " "; 149 | display: table; 150 | clear: both; 151 | } 152 | 153 | .color-swatch-header { 154 | position: relative; 155 | height: 0; 156 | padding-bottom: 50%; 157 | border-radius: .25rem .25rem 0 0; 158 | border: 1px solid transparent; 159 | } 160 | 161 | .color-swatch-header.is-light { 162 | border-color: #C1C7D0; 163 | } 164 | 165 | .color-swatch-header .pass-fail { 166 | position: absolute; 167 | width: 100%; 168 | bottom: 0; 169 | } 170 | 171 | .color-swatch-header .pass-fail-item-wrap { 172 | position: relative; 173 | float: left; 174 | left: 50%; 175 | -webkit-transform: translateX(-50%); 176 | -ms-transform: translateX(-50%); 177 | transform: translateX(-50%); 178 | } 179 | 180 | .color-swatch-header .pass-fail-item-group { 181 | display: inline-block; 182 | padding: 0 5px; 183 | } 184 | 185 | .color-swatch-header .pass-fail-item { 186 | float: left; 187 | display: inline-block; 188 | text-align: center; 189 | padding: 2px; 190 | } 191 | 192 | .color-swatch-header .pass-fail-item.white .example { 193 | color: #fff; 194 | } 195 | 196 | .color-swatch-header .pass-fail-item.small .example { 197 | font-size: 10px; 198 | } 199 | 200 | .color-swatch-header .pass-fail-item .lozenge { 201 | font-size: 11px; 202 | text-transform: uppercase; 203 | font-weight: 600; 204 | background: #000; 205 | color: #fff; 206 | padding: 2px 4px; 207 | line-height: 10px; 208 | border-radius: 4px; 209 | letter-spacing: 0.05em; 210 | } 211 | 212 | .color-swatch-body { 213 | position: relative; 214 | left: 50%; 215 | float: left; 216 | padding: 10px 0; 217 | -webkit-transform: translateX(-50%); 218 | -ms-transform: translateX(-50%); 219 | transform: translateX(-50%); 220 | } 221 | 222 | .color-swatch-body .prop-item-wrap { 223 | float: left; 224 | padding: 0 15px; 225 | min-width: 65px; 226 | } 227 | 228 | .color-swatch-body .prop-item { 229 | padding: 15px 0; 230 | } 231 | 232 | .color-swatch-body .prop-item .label { 233 | font-size: 11px; 234 | color: #62748C; 235 | text-transform: uppercase; 236 | line-height: 16px; 237 | } 238 | 239 | .color-swatch-body .prop-item .value { 240 | font-size: 14px; 241 | } 242 | 243 | .table-colors { 244 | font-weight: 600; 245 | font-size: 16px; 246 | width: 100%; 247 | } 248 | 249 | .table-colors td, 250 | .table-colors:first-child td, 251 | .table-colors td:first-child, 252 | .table-colors:first-child td:first-child, 253 | .table-colors td:last-child, 254 | .table-colors:first-child td:last-child { 255 | background: $ct-primary-light; 256 | border-bottom: 1px solid rgba(0, 0, 0, .1); 257 | padding: 10px; 258 | } 259 | 260 | .table-colors tr:last-child td, 261 | .table-colors:first-child tr:last-child td { 262 | border-bottom: none; 263 | } 264 | 265 | .table-colors td:nth-child(1), 266 | .table-colors:first-child td:nth-child(1) { 267 | line-height: 40px; 268 | } 269 | 270 | .table-colors .swatch, 271 | .table-colors:first-child .swatch { 272 | float: left; 273 | height: 40px; 274 | width: 40px; 275 | margin-right: 20px; 276 | display: inline-block; 277 | border-radius: 4px; 278 | border: 1px solid transparent; 279 | } 280 | 281 | .table-colors .swatch.is-light, 282 | .table-colors:first-child .swatch.is-light { 283 | border-color: #C1C7D0; 284 | } 285 | 286 | .table-colors .lozenge, 287 | .table-colors:first-child .lozenge { 288 | float: left; 289 | margin: 5px 10px 0 0; 290 | font-size: 10px; 291 | display: inline-block; 292 | text-transform: uppercase; 293 | font-weight: 600; 294 | background: #97A0AF; 295 | color: #042A53; 296 | padding: 2px 4px; 297 | line-height: 10px; 298 | border-radius: 4px; 299 | letter-spacing: 0.05em; 300 | } 301 | 302 | 303 | 304 | #tags-component.tab-pane { 305 | .choices__inner { 306 | height: 60px; 307 | } 308 | } 309 | 310 | .highlight pre { 311 | overflow: auto; 312 | margin: 0; 313 | padding: 1.25rem; 314 | font-family: Consolas,Menlo,Monaco,'Andale Mono WT','Andale Mono','Lucida Console','Lucida Sans Typewriter','DejaVu Sans Mono','Bitstream Vera Sans Mono','Liberation Mono','Nimbus Mono L','Courier New',Courier,monospace; 315 | font-size: 14px; 316 | line-height: 1.375; 317 | text-align: left; 318 | white-space: pre; 319 | word-spacing: normal; 320 | word-break: normal; 321 | -moz-tab-size: 4; 322 | -o-tab-size: 4; 323 | tab-size: 4; 324 | -webkit-hyphens: none; 325 | hyphens: none; 326 | color: #5e6687; 327 | border-radius: .25rem; 328 | background: #f5f7ff; 329 | direction: ltr; 330 | -ms-hyphens: none; 331 | 332 | code { 333 | font-size: 87.5%; 334 | word-break: break-word; 335 | color: #5e6687; 336 | } 337 | 338 | pre code { 339 | font-size: inherit; 340 | word-break: normal; 341 | color: inherit; 342 | } 343 | code, kbd, pre, samp { 344 | font-family: SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace; 345 | font-size: 1em; 346 | } 347 | .nt { 348 | color: #3d8fd1; 349 | } 350 | .na { 351 | color: #c76b29; 352 | } 353 | .s, 354 | .token.control, 355 | .token.directive, 356 | .token.keyword, 357 | .token.unit { 358 | color: #ac9739; 359 | } 360 | .token.punctuation { 361 | color: #5e6687; 362 | } 363 | 364 | } 365 | .btn-clipboard { 366 | top: 3.5rem; 367 | } 368 | 369 | .offline-doc .page-header{ 370 | height: 100vh; 371 | display: flex; 372 | justify-content: center; 373 | align-items: center; 374 | } 375 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/docs/footer.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Footer 3 | // 4 | .ct-footer { 5 | font-size: 85%; 6 | text-align: center; 7 | background-color: #f7f7f7; 8 | 9 | a { 10 | font-weight: 500; 11 | color: $gray-700; 12 | 13 | &:hover, 14 | &:focus { 15 | color: $link-color; 16 | } 17 | } 18 | 19 | p { 20 | margin-bottom: 0; 21 | } 22 | 23 | @include media-breakpoint-up(sm) { 24 | text-align: left; 25 | } 26 | } 27 | 28 | .ct-footer-links { 29 | padding-left: 0; 30 | margin-bottom: 1rem; 31 | 32 | li { 33 | display: inline-block; 34 | 35 | +li { 36 | margin-left: 1rem; 37 | } 38 | } 39 | } -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/docs/nav.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Main navbar 3 | // 4 | .ct-navbar { 5 | background-color: $ct-primary; 6 | box-shadow: rgba(116, 129, 141, 0.1) 0px 1px 1px 0px; 7 | padding-top: .5rem; 8 | padding-bottom: .5rem; 9 | 10 | @include media-breakpoint-down(md) { 11 | padding-right: .5rem; 12 | padding-left: .5rem; 13 | 14 | .navbar-nav-scroll { 15 | max-width: 100%; 16 | height: 2.5rem; 17 | margin-top: .25rem; 18 | overflow: hidden; 19 | font-size: .875rem; 20 | 21 | .navbar-nav { 22 | padding-bottom: 2rem; 23 | overflow-x: auto; 24 | white-space: nowrap; 25 | -webkit-overflow-scrolling: touch; 26 | } 27 | } 28 | } 29 | 30 | @include media-breakpoint-up(md) { 31 | @supports (position: sticky) { 32 | position: sticky; 33 | top: 0; 34 | z-index: 1071; // over everything in bootstrap 35 | } 36 | } 37 | 38 | .navbar-nav { 39 | .nav-link { 40 | padding-right: .5rem; 41 | padding-left: .5rem; 42 | color: $ct-primary-light !important; 43 | 44 | &.active, 45 | &:hover { 46 | color: #fff !important; 47 | background-color: transparent !important; 48 | } 49 | 50 | &.active { 51 | font-weight: 500; 52 | } 53 | } 54 | } 55 | 56 | .navbar-nav-svg { 57 | display: inline-block; 58 | width: 1rem; 59 | height: 1rem; 60 | vertical-align: text-top; 61 | } 62 | 63 | .dropdown-menu { 64 | font-size: .875rem; 65 | } 66 | 67 | .dropdown-item.active { 68 | font-weight: 500; 69 | color: $gray-900; 70 | background-color: transparent; 71 | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); 72 | background-repeat: no-repeat; 73 | background-position: .4rem .87rem; 74 | background-size: .75rem .75rem; 75 | padding-left: 25px; 76 | } 77 | } 78 | 79 | // Github corner 80 | .github-corner { 81 | position: fixed; 82 | right: 0; 83 | z-index: 1080; 84 | 85 | &:hover { 86 | .octo-arm { 87 | animation: octocat-wave 560ms ease-in-out 88 | } 89 | } 90 | 91 | svg { 92 | fill: $white; 93 | color: $ct-primary; 94 | } 95 | } 96 | 97 | @keyframes octocat-wave { 98 | 0%, 99 | 100% { 100 | transform: rotate(0) 101 | } 102 | 20%, 103 | 60% { 104 | transform: rotate(-25deg) 105 | } 106 | 40%, 107 | 80% { 108 | transform: rotate(10deg) 109 | } 110 | } 111 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/docs/prism.scss: -------------------------------------------------------------------------------- 1 | code[class*="language-"], 2 | pre[class*="language-"] { 3 | font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace; 4 | font-size: 14px; 5 | line-height: 1.375; 6 | direction: ltr; 7 | text-align: left; 8 | white-space: pre; 9 | word-spacing: normal; 10 | word-break: normal; 11 | -moz-tab-size: 4; 12 | -o-tab-size: 4; 13 | tab-size: 4; 14 | -webkit-hyphens: none; 15 | -moz-hyphens: none; 16 | -ms-hyphens: none; 17 | hyphens: none; 18 | background: #f5f7ff; 19 | color: #5e6687; 20 | border-radius: .25rem; 21 | } 22 | 23 | pre[class*="language-"]::-moz-selection, 24 | pre[class*="language-"] ::-moz-selection, 25 | code[class*="language-"]::-moz-selection, 26 | code[class*="language-"] ::-moz-selection { 27 | text-shadow: none; 28 | background: #dfe2f1; 29 | } 30 | 31 | pre[class*="language-"]::selection, 32 | pre[class*="language-"] ::selection, 33 | code[class*="language-"]::selection, 34 | code[class*="language-"] ::selection { 35 | text-shadow: none; 36 | background: #dfe2f1; 37 | } 38 | 39 | 40 | /* Code blocks */ 41 | 42 | pre[class*="language-"] { 43 | padding: 1.25rem; 44 | margin: 0; 45 | overflow: auto; 46 | } 47 | 48 | 49 | /* Inline code */ 50 | 51 | :not(pre)>code[class*="language-"] { 52 | padding: .1em; 53 | border-radius: .3em; 54 | } 55 | 56 | .token.comment, 57 | .token.prolog, 58 | .token.doctype, 59 | .token.cdata { 60 | color: #898ea4; 61 | } 62 | 63 | .token.punctuation { 64 | color: #5e6687; 65 | } 66 | 67 | .token.namespace { 68 | opacity: .7; 69 | } 70 | 71 | .token.operator, 72 | .token.boolean, 73 | .token.number { 74 | color: #c76b29; 75 | } 76 | 77 | .token.property { 78 | color: #c08b30; 79 | } 80 | 81 | .token.tag { 82 | color: #3d8fd1; 83 | } 84 | 85 | .token.string { 86 | color: #22a2c9; 87 | } 88 | 89 | .token.selector { 90 | color: #6679cc; 91 | } 92 | 93 | .token.attr-name { 94 | color: #c76b29; 95 | } 96 | 97 | .token.entity, 98 | .token.url, 99 | .language-css .token.string, 100 | .style .token.string { 101 | color: #22a2c9; 102 | } 103 | 104 | .token.attr-value, 105 | .token.keyword, 106 | .token.control, 107 | .token.directive, 108 | .token.unit { 109 | color: #ac9739; 110 | } 111 | 112 | .token.statement, 113 | .token.regex, 114 | .token.atrule { 115 | color: #22a2c9; 116 | } 117 | 118 | .token.placeholder, 119 | .token.variable { 120 | color: #3d8fd1; 121 | } 122 | 123 | .token.deleted { 124 | text-decoration: line-through; 125 | } 126 | 127 | .token.inserted { 128 | border-bottom: 1px dotted #202746; 129 | text-decoration: none; 130 | } 131 | 132 | .token.italic { 133 | font-style: italic; 134 | } 135 | 136 | .token.important, 137 | .token.bold { 138 | font-weight: bold; 139 | } 140 | 141 | .token.important { 142 | color: #c94922; 143 | } 144 | 145 | .token.entity { 146 | cursor: help; 147 | } 148 | 149 | pre>code.highlight { 150 | outline: 0.4em solid #c94922; 151 | outline-offset: .4em; 152 | } 153 | 154 | 155 | /* overrides color-values for the Line Numbers plugin 156 | * http://prismjs.com/plugins/line-numbers/ 157 | */ 158 | 159 | .line-numbers .line-numbers-rows { 160 | border-right-color: #dfe2f1; 161 | } 162 | 163 | .line-numbers-rows>span:before { 164 | color: #979db4; 165 | } 166 | 167 | 168 | /* overrides color-values for the Line Highlight plugin 169 | * http://prismjs.com/plugins/line-highlight/ 170 | */ 171 | 172 | .line-highlight { 173 | background: rgba(107, 115, 148, 0.2); 174 | background: -webkit-linear-gradient(left, rgba(107, 115, 148, 0.2) 70%, rgba(107, 115, 148, 0)); 175 | background: linear-gradient(to right, rgba(107, 115, 148, 0.2) 70%, rgba(107, 115, 148, 0)); 176 | } -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/docs/sidebar.scss: -------------------------------------------------------------------------------- 1 | // stylelint-disable declaration-no-important 2 | // 3 | // Right side table of contents 4 | // 5 | .ct-toc { 6 | @supports (position: sticky) { 7 | position: sticky; 8 | top: 4rem; 9 | height: calc(100vh - 4rem); 10 | overflow-y: auto; 11 | } 12 | order: 2; 13 | padding-top: 2rem; 14 | padding-bottom: 1.5rem; 15 | font-size: .875rem; 16 | } 17 | 18 | .section-nav { 19 | padding-left: 0; 20 | border-left: 1px solid #eee; 21 | 22 | ul { 23 | padding-left: 1rem; 24 | 25 | ul { 26 | display: none; 27 | } 28 | } 29 | } 30 | 31 | .toc-entry { 32 | display: block; 33 | font-size: 1rem; 34 | 35 | a { 36 | display: block; 37 | padding: .125rem 1.5rem; 38 | color: #99979c; 39 | font-size: 90%; 40 | 41 | &:hover { 42 | color: $blue; 43 | text-decoration: none; 44 | } 45 | } 46 | } 47 | 48 | // 49 | // Left side navigation 50 | // 51 | .ct-sidebar { 52 | order: 0; // background-color: #f5f2f9; 53 | border-bottom: 1px solid $ct-sidebar-border-color; 54 | background-color: $ct-sidebar-bg; 55 | 56 | @include media-breakpoint-up(md) { 57 | @supports (position: sticky) { 58 | position: sticky; 59 | top: 4rem; 60 | z-index: 1000; 61 | height: calc(100vh - 4rem); 62 | } 63 | border-right: 1px solid $ct-sidebar-border-color; 64 | } 65 | 66 | @include media-breakpoint-up(xl) { 67 | flex: 0 1 320px; 68 | } 69 | } 70 | 71 | .ct-links { 72 | padding-top: 2rem; 73 | padding-bottom: 1rem; 74 | margin-right: -15px; 75 | margin-left: -15px; 76 | 77 | @include media-breakpoint-up(md) { 78 | @supports (position: sticky) { 79 | max-height: calc(100vh - 5rem); 80 | overflow-y: auto; 81 | } 82 | } // Override collapse behaviors 83 | @include media-breakpoint-up(md) { 84 | display: block !important; 85 | } 86 | } 87 | 88 | .ct-search { 89 | position: relative; // To contain the Algolia search 90 | padding: 1rem 15px; 91 | margin-right: -15px; 92 | margin-left: -15px; 93 | border-bottom: 1px solid rgba(0, 0, 0, .05); 94 | 95 | .form-control:focus { 96 | border-color: $ct-primary-bright; 97 | box-shadow: 0 0 0 3px rgba($ct-primary-bright, .25); 98 | } 99 | } 100 | 101 | .ct-search-docs-toggle { 102 | line-height: 1; 103 | color: $gray-900; 104 | } 105 | 106 | .ct-sidenav { 107 | display: none; 108 | } 109 | 110 | .ct-toc-link { 111 | display: block; 112 | padding: .25rem 1.5rem; 113 | font-weight: 600; 114 | font-size: .875rem; 115 | color: #0d2b3e; 116 | 117 | &:hover { 118 | color: rgba(0, 0, 0, .85); 119 | text-decoration: none; 120 | } 121 | } 122 | 123 | .ct-toc-item { 124 | &.active { 125 | margin-bottom: 1rem; 126 | 127 | &:not(:first-child) { 128 | margin-top: 1rem; 129 | } 130 | 131 | >.ct-toc-link { 132 | color: rgba(0, 0, 0, .85); 133 | 134 | &:hover { 135 | background-color: transparent; 136 | } 137 | } 138 | 139 | >.ct-sidenav { 140 | display: block; 141 | } 142 | } 143 | } 144 | 145 | // All levels of nav 146 | .ct-sidebar .nav>li>a { 147 | display: block; 148 | padding: .25rem 1.5rem; 149 | font-size: 84%; 150 | color: #4c555a; 151 | } 152 | 153 | .ct-sidebar .nav>li>a:hover { 154 | color: rgba(0, 0, 0, .85); 155 | text-decoration: none; 156 | background-color: transparent; 157 | } 158 | 159 | .ct-sidebar .nav>.active>a { 160 | font-weight: 500; 161 | color: #0099e5; 162 | background-color: transparent; 163 | padding-left: 2rem; 164 | position: relative; 165 | 166 | &:before { 167 | content: ''; 168 | position: absolute; 169 | height: 16px; 170 | width: 2px; 171 | background-color: #0099e5; 172 | top: 50%; 173 | left: 1.5rem; 174 | transform: translateY(-50%); 175 | } 176 | } 177 | 178 | .ct-sidebar .nav>.active:hover>a { 179 | color: #0099e5 180 | } 181 | 182 | 183 | .scrollbar-inner { 184 | height: 100%; 185 | 186 | &:not(:hover) .scroll-element { 187 | opacity: 0; 188 | } 189 | 190 | .scroll-element { 191 | transition: opacity 300ms; 192 | margin-right: 2px; 193 | 194 | .scroll-bar, 195 | .scroll-element_track { 196 | transition: background-color 300ms; 197 | } 198 | 199 | .scroll-element_track { 200 | background-color: transparent; 201 | } 202 | } 203 | 204 | .scroll-element.scroll-y { 205 | width: 3px; 206 | right: 0; 207 | } 208 | 209 | .scroll-element.scroll-x { 210 | height: 3px; 211 | bottom: 0; 212 | } 213 | } 214 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/docs/variables.scss: -------------------------------------------------------------------------------- 1 | // Local docs variables 2 | $ct-primary: theme-color("primary") !default; 3 | $ct-primary-bright: lighten(saturate($ct-primary, 5%), 15%) !default; 4 | $ct-primary-light: rgba(255, 255, 255, .9) !default; 5 | $ct-dark: #2a2730 !default; 6 | $ct-download: #ffe484 !default; 7 | $ct-info: #5bc0de !default; 8 | $ct-warning: #f0ad4e !default; 9 | $ct-danger: #d9534f !default; 10 | 11 | $ct-sidebar-bg: #f5f7f9; 12 | $ct-sidebar-border-color: #e6ecf1; 13 | 14 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/dropdown.scss: -------------------------------------------------------------------------------- 1 | .dropdown, 2 | .dropup, 3 | .dropright, 4 | .dropleft { 5 | display: inline-block; 6 | } 7 | 8 | .dropdown-menu { 9 | min-width: 12rem; 10 | 11 | .dropdown-item { 12 | padding: 1rem; 13 | font-size: $font-size-sm; 14 | > i, 15 | > svg { 16 | margin-right: 1rem; 17 | font-size: 1rem; 18 | vertical-align: -17%; 19 | } 20 | } 21 | } 22 | 23 | .dropdown-header { 24 | padding-left: 1rem; 25 | padding-right: 1rem; 26 | color: $gray-100; 27 | font-size: .625rem; 28 | text-transform: uppercase; 29 | font-weight: 700; 30 | } 31 | 32 | 33 | // Dropdown elements 34 | 35 | .dropdown-menu { 36 | a.media { 37 | > div { 38 | &:first-child { 39 | line-height: 1; 40 | } 41 | } 42 | 43 | p { 44 | color: $gray-600; 45 | } 46 | &:hover { 47 | .heading, p { 48 | color: theme-color("default") !important; 49 | } 50 | } 51 | } 52 | } 53 | 54 | // Dropown: Sizes 55 | 56 | .dropdown-menu-sm { 57 | min-width: 100px; 58 | border: $border-radius-lg; 59 | } 60 | 61 | .dropdown-menu-lg { 62 | min-width: 260px; 63 | border-radius: $border-radius-lg; 64 | } 65 | 66 | .dropdown-menu-xl { 67 | min-width: 450px; 68 | border-radius: $border-radius-lg; 69 | } 70 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/footer.scss: -------------------------------------------------------------------------------- 1 | .footer { 2 | background: $secondary; 3 | padding: 1.5rem 0; 4 | 5 | .col-footer { 6 | .heading { 7 | color: $footer-heading-color; 8 | letter-spacing: 0; 9 | font-size: $footer-heading-font-size; 10 | text-transform: uppercase; 11 | font-weight: $font-weight-bold; 12 | margin-bottom: 1rem; 13 | } 14 | } 15 | 16 | .nav .nav-item .nav-link, 17 | .footer-link { 18 | color: $footer-link-color !important; 19 | 20 | &:hover { 21 | color: $footer-link-hover-color !important; 22 | } 23 | } 24 | 25 | .list-unstyled li a { 26 | display: inline-block; 27 | padding: .125rem 0; 28 | color: $footer-link-color; 29 | font-size: $footer-link-font-size; 30 | 31 | &:hover { 32 | color: $footer-link-hover-color; 33 | } 34 | } 35 | 36 | .copyright { 37 | font-size: $font-size-sm; 38 | } 39 | 40 | .dropdown { 41 | .btn:not(:disabled):not(.disabled):active:focus, 42 | .btn:not(:disabled):not(.disabled).active:focus { 43 | box-shadow: none; 44 | } 45 | } 46 | } 47 | 48 | .footer-dark { 49 | .col-footer .heading { 50 | color: $white; 51 | } 52 | } 53 | 54 | .footer.has-cards { 55 | overflow: hidden; 56 | padding-top: 500px; 57 | margin-top: -420px; 58 | position: relative; 59 | background: transparent; 60 | pointer-events: none; 61 | 62 | &:before { 63 | content: ""; 64 | position: absolute; 65 | left: 0; 66 | right: 0; 67 | top: 600px; 68 | height: 2000px; 69 | background: theme-color("secondary"); 70 | transform: skew(0,-8deg); 71 | } 72 | 73 | .container { 74 | pointer-events: auto; 75 | position: relative; 76 | } 77 | } 78 | 79 | .nav-footer { 80 | .nav-link { 81 | font-size: $font-size-sm; 82 | } 83 | 84 | .nav-item:last-child { 85 | .nav-link { 86 | padding-right: 0; 87 | } 88 | } 89 | } 90 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/forms.scss: -------------------------------------------------------------------------------- 1 | /* Form controls */ 2 | 3 | label { 4 | font-size: $font-size-sm; 5 | } 6 | 7 | .form-control { 8 | font-size: $input-btn-font-size; 9 | transition: $transition-base; 10 | 11 | &:focus { 12 | &::placeholder { 13 | color: $input-focus-placeholder-color; 14 | } 15 | } 16 | 17 | &.is-valid, 18 | &.is-invalid { 19 | background-image: none; 20 | } 21 | } 22 | 23 | 24 | /* Textareas */ 25 | 26 | textarea[resize="none"] { 27 | resize: none!important; 28 | } 29 | 30 | textarea[resize="both"] { 31 | resize: both!important; 32 | } 33 | 34 | textarea[resize="vertical"] { 35 | resize: vertical!important; 36 | } 37 | 38 | textarea[resize="horizontal"] { 39 | resize: horizontal!important; 40 | } 41 | 42 | 43 | /* Alternative styles */ 44 | 45 | .form-control-muted { 46 | background-color: $input-muted-bg; 47 | border-color: $input-muted-bg; 48 | box-shadow: none; 49 | 50 | &:focus { 51 | background-color: $input-muted-bg; 52 | } 53 | } 54 | 55 | .form-control-alternative { 56 | box-shadow: $input-alternative-box-shadow; 57 | border: 0; 58 | transition: box-shadow .15s ease; 59 | 60 | &:focus { 61 | box-shadow: $input-focus-alternative-box-shadow; 62 | } 63 | } 64 | 65 | // Sizes 66 | 67 | .form-control-lg { 68 | font-size: $font-size-base; 69 | } 70 | 71 | // Validation 72 | 73 | .has-success, 74 | .has-danger { 75 | position: relative; 76 | 77 | &:after { 78 | width: 19px; 79 | height: 19px; 80 | line-height: 19px; 81 | text-align: center; 82 | font-family: 'NucleoIcons'; 83 | display: inline-block; 84 | position: absolute; 85 | right: 15px; 86 | top: 2px; 87 | transform: translateY(50%); 88 | border-radius: 50%; 89 | font-size: 9px; 90 | opacity: 1; 91 | } 92 | 93 | .form-control-alternative { 94 | &.is-valid, 95 | &.is-invalid { 96 | &:focus { 97 | box-shadow: $input-focus-alternative-box-shadow !important; 98 | } 99 | } 100 | } 101 | } 102 | 103 | .has-success { 104 | &:after { 105 | content: "\ea26"; 106 | color: daken($form-feedback-valid-color, 18%); 107 | background-color: $form-feedback-valid-bg; 108 | } 109 | .form-control { 110 | background-color: $input-focus-bg; 111 | 112 | &:focus { 113 | border-color: $input-focus-border-color; 114 | } 115 | 116 | // Placeholder 117 | &::placeholder { 118 | color: $form-feedback-valid-color; 119 | } 120 | } 121 | } 122 | 123 | .has-danger { 124 | &:after { 125 | content: "\ea53"; 126 | color: daken($form-feedback-invalid-color, 18%); 127 | background-color: $form-feedback-invalid-bg; 128 | } 129 | .form-control { 130 | background-color: $input-focus-bg; 131 | 132 | &:focus { 133 | border-color: $input-focus-border-color; 134 | } 135 | 136 | // Placeholder 137 | &::placeholder { 138 | color: $form-feedback-invalid-color; 139 | } 140 | } 141 | } 142 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/functions.scss: -------------------------------------------------------------------------------- 1 | // Retrieve color Sass maps 2 | 3 | @function section-color($key: "primary") { 4 | @return map-get($section-colors, $key); 5 | } 6 | 7 | // Lines colors 8 | 9 | @function shapes-primary-color($key: "step-1-gradient-bg") { 10 | @return map-get($shapes-primary-colors, $key); 11 | } 12 | 13 | @function shapes-default-color($key: "step-1-gradient-bg") { 14 | @return map-get($shapes-default-colors, $key); 15 | } 16 | 17 | @function lines-light-color($key: "step-1-gradient-bg") { 18 | @return map-get($shapes-light-colors, $key); 19 | } 20 | 21 | @function shapes-dark-color($key: "step-1-gradient-bg") { 22 | @return map-get($shapes-dark-colors, $key); 23 | } -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/global.scss: -------------------------------------------------------------------------------- 1 | // Nucleo icons 2 | 3 | .section-nucleo-icons .icons-container { 4 | position: relative; 5 | max-width: 100%; 6 | height: 360px; 7 | margin: 0 auto; 8 | z-index: 1; 9 | } 10 | 11 | .section-nucleo-icons { 12 | 13 | --icon-size: 5rem; 14 | --icon-sm-size: 3.75rem; 15 | --gutter: 7rem; 16 | 17 | .icons-container { 18 | i { 19 | position: absolute; 20 | display: inline-flex; 21 | align-items: center; 22 | justify-content: center; 23 | border-radius: 50%; 24 | background: $white; 25 | z-index: 1; 26 | transform: translate(-50%, -50%); 27 | @include box-shadow($box-shadow); 28 | transition: all .2s cubic-bezier(.25,.65,.9,.75); 29 | 30 | &.icon { 31 | width: var(--icon-size); 32 | height: var(--icon-size); 33 | font-size: 1.7em; 34 | } 35 | 36 | &.icon-sm { 37 | width: var(--icon-sm-size); 38 | height: var(--icon-sm-size); 39 | font-size: 1.5em; 40 | } 41 | 42 | &:nth-child(1) { 43 | font-size: 42px; 44 | color: theme-color("warning"); 45 | z-index: 2; 46 | } 47 | } 48 | 49 | &:not(.on-screen) { 50 | i { 51 | transform: translate(-50%, -50%); 52 | left: 50%; 53 | top: 50%; 54 | 55 | &:not(:nth-child(1)) { 56 | opacity: 0; 57 | } 58 | } 59 | } 60 | 61 | &.on-screen { 62 | 63 | i { 64 | opacity: 1; 65 | 66 | &:nth-child(1) { 67 | left: 50%; 68 | top: 50%; 69 | font-size: 42px; 70 | color: theme-color("warning"); 71 | } 72 | 73 | &:nth-child(2) { 74 | left: calc(50% + (var(--gutter) * 1.7)); 75 | top: 50%; 76 | } 77 | 78 | &:nth-child(3) { 79 | left: calc(50% + var(--gutter)); 80 | top: calc(50% + var(--gutter)); 81 | } 82 | 83 | &:nth-child(4) { 84 | left: calc(50% + var(--gutter)); 85 | top: calc(50% - var(--gutter)); 86 | } 87 | 88 | &:nth-child(5) { 89 | left: calc(50% + (var(--gutter) * 3)); 90 | top: 50%; 91 | } 92 | 93 | &:nth-child(6) { 94 | left: calc(50% + (var(--gutter) * 2.7)); 95 | top: calc(50% + (var(--gutter) * 1.5)); 96 | } 97 | 98 | &:nth-child(7) { 99 | left: calc(50% + (var(--gutter) * 2.7)); 100 | top: calc(50% - (var(--gutter) * 1.5)); 101 | } 102 | 103 | &:nth-child(8) { 104 | left: calc(50% - (var(--gutter) * 1.7)); 105 | top: 50%; 106 | } 107 | 108 | &:nth-child(9) { 109 | left: calc(50% - var(--gutter)); 110 | top: calc(50% + var(--gutter)); 111 | } 112 | 113 | &:nth-child(10) { 114 | left: calc(50% - var(--gutter)); 115 | top: calc(50% - var(--gutter)); 116 | } 117 | 118 | &:nth-child(11) { 119 | left: calc(50% - (var(--gutter) * 4)); 120 | top: 50%; 121 | } 122 | 123 | &:nth-child(12) { 124 | left: calc(50% - (var(--gutter) * 2.7)); 125 | top: calc(50% + (var(--gutter) * 1.5)); 126 | } 127 | 128 | &:nth-child(13) { 129 | left: calc(50% - (var(--gutter) * 2.7)); 130 | top: calc(50% - (var(--gutter) * 1.5)); 131 | } 132 | } 133 | 134 | } 135 | } 136 | 137 | @include media-breakpoint-down(md) { 138 | overflow: hidden; 139 | } 140 | } 141 | 142 | 143 | // Blurable sections 144 | 145 | .blur--hover { 146 | position: relative; 147 | 148 | .blur-item { 149 | transition: 1s cubic-bezier(.19,1,.22,1); 150 | will-change: transform; 151 | filter: blur(0); 152 | opacity: 1; 153 | } 154 | 155 | .blur-hidden { 156 | position: absolute; 157 | top: calc(50% + 7px); 158 | left: 50%; 159 | transform: translate(-50%, -50%); 160 | opacity: 0; 161 | transition: $transition-base; 162 | z-index: 100; 163 | } 164 | &:hover { 165 | .blur-item { 166 | opacity: .8; 167 | filter: blur(10px); 168 | transform: scale(.95); 169 | z-index: 1; 170 | } 171 | .blur-hidden { 172 | opacity: 1; 173 | top: 50%; 174 | } 175 | } 176 | } 177 | 178 | .info .info-title{ 179 | margin: 25px 0 15px; 180 | font-weight: 600; 181 | } 182 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/grid.scss: -------------------------------------------------------------------------------- 1 | @include media-breakpoint-up(lg) { 2 | .container-lg { 3 | max-width: 1160px; 4 | } 5 | } -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/icons.scss: -------------------------------------------------------------------------------- 1 | .icon { 2 | width: $icon-size; 3 | height: $icon-size; 4 | 5 | i, svg { 6 | font-size: $icon-size - .75; 7 | } 8 | } 9 | 10 | .icon + .icon-text { 11 | padding-left: 1rem; 12 | width: calc(100% - #{$icon-size} - 1); 13 | } 14 | 15 | .icon-xl { 16 | width: $icon-size-xl; 17 | height: $icon-size-xl; 18 | 19 | i, svg { 20 | font-size: $icon-size-xl - .75; 21 | } 22 | } 23 | 24 | .icon-xl + .icon-text { 25 | width: calc(100% - $icon-size-xl - 1); 26 | } 27 | 28 | .icon-lg { 29 | width: $icon-size-lg; 30 | height: $icon-size-lg; 31 | 32 | i, svg { 33 | font-size: $icon-size-lg - .75; 34 | } 35 | } 36 | 37 | .icon-lg + .icon-text { 38 | width: calc(100% - $icon-size-lg - 1); 39 | } 40 | 41 | .icon-sm { 42 | width: $icon-size-sm; 43 | height: $icon-size-sm; 44 | 45 | i, svg { 46 | font-size: $icon-size-sm - .75; 47 | } 48 | } 49 | 50 | .icon-sm + .icon-text { 51 | width: calc(100% - $icon-size-sm - 1); 52 | } 53 | 54 | // Extra Small icon 55 | 56 | .icon-xs { 57 | width: $icon-size-xs; 58 | height: $icon-size-xs; 59 | 60 | i, svg { 61 | font-size: $icon-size-xs - .75 !important; 62 | } 63 | 64 | + .icon-text { 65 | width: calc(100% - $icon-size-xs - 1); 66 | } 67 | } 68 | 69 | 70 | // Icons included in shapes 71 | .icon-shape { 72 | padding: 12px; 73 | text-align: center; 74 | display: inline-flex; 75 | align-items: center; 76 | justify-content: center; 77 | border-radius: 50%; 78 | 79 | 80 | i, svg { 81 | font-size: 1.25rem; 82 | } 83 | 84 | &.icon-lg { 85 | i, svg { 86 | font-size: 1.625rem; 87 | } 88 | } 89 | 90 | &.icon-sm { 91 | i, svg { 92 | font-size: .875rem; 93 | } 94 | } 95 | 96 | svg { 97 | width: 30px; 98 | height: 30px; 99 | } 100 | 101 | } 102 | 103 | @each $color, $value in $theme-colors { 104 | .icon-shape-#{$color} { 105 | @include icon-shape-variant(theme-color($color)); 106 | } 107 | } 108 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/input-group.scss: -------------------------------------------------------------------------------- 1 | .input-group { 2 | box-shadow: $input-box-shadow; 3 | border-radius: $input-border-radius; 4 | transition: $transition-base; 5 | 6 | .form-control { 7 | box-shadow: none; 8 | 9 | &:not(:first-child) { 10 | border-left: 0; 11 | padding-left: 0; 12 | } 13 | &:not(:last-child) { 14 | border-right: 0; 15 | padding-right: 0; 16 | } 17 | &:focus { 18 | box-shadow: none; 19 | } 20 | } 21 | 22 | .input-group-prepend { 23 | margin-right: 0; 24 | 25 | .input-group-text { 26 | border-right: none; 27 | } 28 | } 29 | } 30 | 31 | .input-group-text { 32 | transition: $transition-base; 33 | } 34 | 35 | .input-group-alternative { 36 | box-shadow: $input-alternative-box-shadow; 37 | border: 0; 38 | transition: box-shadow .15s ease; 39 | 40 | .form-control, 41 | .input-group-text { 42 | border: 0; 43 | box-shadow: none; 44 | } 45 | } 46 | 47 | .focused { 48 | .input-group-alternative { 49 | box-shadow: $input-focus-alternative-box-shadow !important; 50 | } 51 | } 52 | 53 | 54 | // .focus class is applied dinamycally from theme.js 55 | 56 | .focused { 57 | .input-group { 58 | box-shadow: $input-focus-box-shadow; 59 | } 60 | 61 | .input-group-text { 62 | color: $input-group-addon-focus-color; 63 | background-color: $input-group-addon-focus-bg; 64 | border-color: $primary; 65 | } 66 | 67 | .form-control { 68 | border-color: $primary; 69 | } 70 | } 71 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/kit-free.scss: -------------------------------------------------------------------------------- 1 | // @import "accordion.scss"; 2 | // @import "alerts.scss"; 3 | // @import "avatars.scss"; 4 | // @import "badge.scss"; 5 | // @import "buttons.scss"; 6 | // @import "card.scss"; 7 | // @import "carousel.scss"; 8 | // @import "close.scss"; 9 | // @import "custom-forms.scss"; 10 | // @import "dropdown.scss"; 11 | // @import "footer.scss"; 12 | // @import "forms.scss"; 13 | // @import "grid.scss"; 14 | // @import "icons.scss"; 15 | // @import "input-group.scss"; 16 | // @import "list-group.scss"; 17 | // @import "modal.scss"; 18 | // @import "nav.scss"; 19 | // @import "navbar.scss"; 20 | // @import "pagination.scss"; 21 | // @import "popover.scss"; 22 | // @import "progress.scss"; 23 | // @import "section.scss"; 24 | // @import "type.scss"; 25 | // 26 | // // Vendor 27 | // 28 | // @import "vendor/bootstrap-datepicker.scss"; 29 | // @import "vendor/headroom.scss"; 30 | // @import "vendor/nouislider.scss"; 31 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/list-group.scss: -------------------------------------------------------------------------------- 1 | // Space list items 2 | 3 | .list-group-space { 4 | .list-group-item { 5 | margin-bottom: 1.5rem; 6 | @include border-radius($list-group-border-radius); 7 | } 8 | } 9 | 10 | 11 | // List group components 12 | 13 | .list-group-img { 14 | width: 3rem; 15 | height: 3rem; 16 | border-radius: 50%; 17 | vertical-align: top; 18 | margin: -.1rem 1.2rem 0 -.2rem; 19 | } 20 | .list-group-content { 21 | -webkit-box-flex: 1; 22 | -ms-flex: 1; 23 | flex: 1; 24 | min-width: 0; 25 | } 26 | .list-group-content > p { 27 | color: $gray-500; 28 | line-height: 1.5; 29 | margin: .2rem 0 0; 30 | } 31 | .list-group-heading { 32 | font-size: $font-size-base; 33 | color: $gray-800; 34 | } 35 | .list-group-heading > small { 36 | float: right; 37 | color: $gray-500; 38 | font-weight: 500; 39 | } 40 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/mixins.scss: -------------------------------------------------------------------------------- 1 | @import "mixins/alert"; 2 | @import "mixins/badge"; 3 | @import "mixins/background-variant"; 4 | @import "mixins/buttons"; 5 | @import "mixins/forms"; 6 | @import "mixins/icon"; 7 | @import "mixins/modals"; 8 | @import "mixins/popover"; 9 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/mixins/alert.scss: -------------------------------------------------------------------------------- 1 | @mixin alert-variant($background, $border, $color) { 2 | color: color-yiq($background); 3 | @include gradient-bg($background); 4 | border-color: $border; 5 | 6 | hr { 7 | border-top-color: darken($border, 5%); 8 | } 9 | 10 | .alert-link { 11 | color: darken($color, 10%); 12 | } 13 | } -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/mixins/background-variant.scss: -------------------------------------------------------------------------------- 1 | // Contextual backgrounds 2 | @mixin bg-variant($parent, $color) { 3 | #{$parent} { 4 | background-color: $color !important; 5 | } 6 | a#{$parent}, 7 | button#{$parent} { 8 | @include hover-focus { 9 | background-color: darken($color, 10%) !important; 10 | } 11 | } 12 | } 13 | 14 | @mixin bg-gradient-variant($parent, $color) { 15 | #{$parent} { 16 | background: linear-gradient(35deg, $color 0, adjust-hue($color, 25%) 100%) !important; 17 | } 18 | } 19 | 20 | @mixin bg-translucent-variant($parent, $color) { 21 | #{$parent} { 22 | background-color: darken(rgba($color, $translucent-color-opacity), 7%) !important; 23 | } 24 | a#{$parent}, 25 | button#{$parent} { 26 | @include hover-focus { 27 | background-color: darken(rgba($color, $translucent-color-opacity), 12%) !important; 28 | } 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/mixins/badge.scss: -------------------------------------------------------------------------------- 1 | @mixin badge-variant($bg) { 2 | color: saturate(darken($bg, 10%), 10); 3 | background-color: transparentize(lighten($bg, 25%), .5); 4 | 5 | &[href] { 6 | @include hover-focus { 7 | color: color-yiq($bg); 8 | text-decoration: none; 9 | background-color: darken($bg, 10%); 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/mixins/buttons.scss: -------------------------------------------------------------------------------- 1 | @mixin button-variant($background, $border, $hover-background: darken($background, 0%), $hover-border: darken($border, 0%), $active-background: darken($background, 10%), $active-border: darken($border, 0%)) { 2 | color: color-yiq($background); 3 | @include gradient-bg($background); 4 | border-color: $border; 5 | @include box-shadow($btn-box-shadow); 6 | 7 | @include hover { 8 | color: color-yiq($hover-background); 9 | @include gradient-bg($hover-background); 10 | border-color: $hover-border; 11 | } 12 | 13 | &:focus, 14 | &.focus { 15 | // Avoid using mixin so we can pass custom focus shadow properly 16 | @if $enable-shadows { 17 | box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5); 18 | } 19 | @else { 20 | box-shadow: 0 0 0 $btn-focus-width rgba($border, .5); 21 | } 22 | } 23 | // Disabled comes first so active can properly restyle 24 | &.disabled, 25 | &:disabled { 26 | color: color-yiq($background); 27 | background-color: $background; 28 | border-color: $border; 29 | } 30 | 31 | &:not(:disabled):not(.disabled):active, 32 | &:not(:disabled):not(.disabled).active, 33 | .show>&.dropdown-toggle { 34 | color: color-yiq($active-background); 35 | background-color: $active-background; 36 | @if $enable-gradients { 37 | background-image: none; // Remove the gradient for the pressed/active state 38 | } 39 | border-color: $active-border; 40 | 41 | &:focus { 42 | // Avoid using mixin so we can pass custom focus shadow properly 43 | @if $enable-shadows { 44 | box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5); 45 | } 46 | @else { 47 | box-shadow: 0 0 0 $btn-focus-width rgba($border, .5); 48 | } 49 | } 50 | } 51 | } 52 | 53 | @mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) { 54 | color: $color; 55 | background-color: transparent; 56 | background-image: none; 57 | border-color: $color; 58 | 59 | &:hover { 60 | color: $color-hover; 61 | background-color: $active-background; 62 | border-color: $active-border; 63 | } 64 | 65 | &:focus, 66 | &.focus { 67 | box-shadow: 0 0 0 $btn-focus-width rgba($color, .5); 68 | } 69 | 70 | &.disabled, 71 | &:disabled { 72 | color: $color; 73 | background-color: transparent; 74 | } 75 | 76 | &:not(:disabled):not(.disabled):active, 77 | &:not(:disabled):not(.disabled).active, 78 | .show>&.dropdown-toggle { 79 | color: color-yiq($active-background); 80 | background-color: $active-background; 81 | border-color: $active-border; 82 | 83 | &:focus { 84 | // Avoid using mixin so we can pass custom focus shadow properly 85 | @if $enable-shadows and $btn-active-box-shadow !=none { 86 | box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5); 87 | } 88 | @else { 89 | box-shadow: 0 0 0 $btn-focus-width rgba($color, .5); 90 | } 91 | } 92 | } 93 | } 94 | 95 | // Button sizes 96 | @mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) { 97 | padding: $padding-y $padding-x; 98 | font-size: $font-size; 99 | line-height: $line-height; // Manually declare to provide an override to the browser default 100 | @if $enable-rounded { 101 | border-radius: $border-radius; 102 | } 103 | @else { 104 | border-radius: 0; 105 | } 106 | } 107 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/mixins/forms.scss: -------------------------------------------------------------------------------- 1 | @mixin form-control-focus() { 2 | &:focus { 3 | color: $input-focus-color; 4 | background-color: $input-focus-bg; 5 | border-color: $input-focus-border-color; 6 | outline: 0; 7 | // Avoid using mixin so we can pass custom focus shadow properly 8 | @if $enable-shadows { 9 | box-shadow: $input-box-shadow, $input-focus-box-shadow; 10 | } @else { 11 | box-shadow: $input-focus-box-shadow; 12 | } 13 | } 14 | } 15 | 16 | 17 | @mixin form-validation-state($state, $color) { 18 | .#{$state}-feedback { 19 | display: none; 20 | width: 100%; 21 | margin-top: $form-feedback-margin-top; 22 | font-size: $form-feedback-font-size; 23 | color: $color; 24 | } 25 | 26 | .#{$state}-tooltip { 27 | position: absolute; 28 | top: 100%; 29 | z-index: 5; 30 | display: none; 31 | max-width: 100%; // Contain to parent when possible 32 | padding: .5rem; 33 | margin-top: .1rem; 34 | font-size: .875rem; 35 | line-height: 1; 36 | color: #fff; 37 | background-color: rgba($color, .8); 38 | border-radius: .2rem; 39 | } 40 | 41 | .form-control, 42 | .custom-select { 43 | .was-validated &:#{$state}, 44 | &.is-#{$state} { 45 | border-color: $color; 46 | 47 | &:focus { 48 | border-color: $color; 49 | //box-shadow: 0 1px $input-focus-width 0 rgba($color, .75); 50 | } 51 | 52 | ~ .#{$state}-feedback, 53 | ~ .#{$state}-tooltip { 54 | display: block; 55 | } 56 | } 57 | } 58 | 59 | .form-check-input { 60 | .was-validated &:#{$state}, 61 | &.is-#{$state} { 62 | ~ .form-check-label { 63 | color: $color; 64 | } 65 | 66 | ~ .#{$state}-feedback, 67 | ~ .#{$state}-tooltip { 68 | display: block; 69 | } 70 | } 71 | } 72 | 73 | .custom-control-input { 74 | .was-validated &:#{$state}, 75 | &.is-#{$state} { 76 | ~ .custom-control-label { 77 | color: $color; 78 | 79 | &::before { 80 | background-color: lighten($color, 25%); 81 | border-color: lighten($color, 25%); 82 | } 83 | } 84 | 85 | ~ .#{$state}-feedback, 86 | ~ .#{$state}-tooltip { 87 | display: block; 88 | } 89 | 90 | &:checked { 91 | ~ .custom-control-label::before { 92 | @include gradient-bg(lighten($color, 10%)); 93 | border-color: lighten($color, 25%); 94 | } 95 | } 96 | 97 | &:focus { 98 | ~ .custom-control-label::before { 99 | box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-focus-width rgba($color, .25); 100 | } 101 | } 102 | } 103 | } 104 | 105 | // custom file 106 | .custom-file-input { 107 | .was-validated &:#{$state}, 108 | &.is-#{$state} { 109 | ~ .custom-file-label { 110 | border-color: $color; 111 | 112 | &::before { border-color: inherit; } 113 | } 114 | 115 | ~ .#{$state}-feedback, 116 | ~ .#{$state}-tooltip { 117 | display: block; 118 | } 119 | 120 | &:focus { 121 | ~ .custom-file-label { 122 | box-shadow: 0 0 0 $input-focus-width rgba($color, .25); 123 | } 124 | } 125 | } 126 | } 127 | } 128 | 129 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/mixins/icon.scss: -------------------------------------------------------------------------------- 1 | @mixin icon-shape-variant($color) { 2 | color: saturate(darken($color, 10%), 10); 3 | background-color: transparentize(lighten($color, 10%), .5); 4 | } -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/mixins/modals.scss: -------------------------------------------------------------------------------- 1 | @mixin modal-variant($background) { 2 | .modal-title { 3 | color: color-yiq($background); 4 | } 5 | .modal-header, 6 | .modal-footer { 7 | border-color: rgba(color-yiq($background), .075); 8 | } 9 | .modal-content { 10 | background-color: $background; 11 | color: color-yiq($background); 12 | 13 | .heading { 14 | color: color-yiq($background); 15 | } 16 | } 17 | 18 | .close { 19 | &>span:not(.sr-only) { 20 | color: $white; 21 | } 22 | } 23 | } -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/mixins/popover.scss: -------------------------------------------------------------------------------- 1 | @mixin popover-variant($background) { 2 | 3 | background-color: $background; 4 | 5 | .popover-header { 6 | background-color: $background; 7 | color: color-yiq($background); 8 | } 9 | 10 | .popover-body { 11 | color: color-yiq($background); 12 | } 13 | .popover-header{ 14 | border-color: rgba(color-yiq($background), .2); 15 | } 16 | &.bs-popover-top { 17 | .arrow::after { 18 | border-top-color: $background; 19 | } 20 | } 21 | &.bs-popover-right { 22 | .arrow::after { 23 | border-right-color: $background; 24 | } 25 | } 26 | &.bs-popover-bottom { 27 | .arrow::after { 28 | border-bottom-color: $background; 29 | } 30 | } 31 | &.bs-popover-left { 32 | .arrow::after { 33 | border-left-color: $background; 34 | } 35 | } 36 | } -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/modal.scss: -------------------------------------------------------------------------------- 1 | .modal-content { 2 | border: 0; 3 | @if $enable-rounded { 4 | border-radius: $modal-content-border-radius; 5 | } @else { 6 | border-radius: 0; 7 | } 8 | } 9 | 10 | 11 | .modal-fluid { 12 | .modal-dialog { 13 | margin-top: 0; 14 | margin-bottom: 0; 15 | } 16 | .modal-content { 17 | border-radius: 0; 18 | } 19 | } 20 | 21 | @each $color, $value in $theme-colors { 22 | .modal-#{$color} { 23 | @include modal-variant($value); 24 | } 25 | } 26 | 27 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/nav.scss: -------------------------------------------------------------------------------- 1 | .nav-link { 2 | color: $nav-link-color; 3 | 4 | &:hover, 5 | &.active { 6 | color: theme-color("primary"); 7 | } 8 | 9 | i:not(.fa) { 10 | position: relative; 11 | top: 2px; 12 | } 13 | } 14 | 15 | // Pills 16 | 17 | .nav-pills { 18 | .nav-item:not(:last-child) { 19 | padding-right: $nav-pills-space-x; 20 | } 21 | 22 | .nav-link { 23 | padding: $nav-pills-padding-y $nav-pills-padding-x; 24 | color: $nav-pills-link-color; 25 | font-weight: 500; 26 | font-size: $font-size-sm; 27 | box-shadow: $nav-pills-box-shadow; 28 | background-color: $nav-pills-bg; 29 | transition: $transition-base; 30 | 31 | &:hover { 32 | color: $nav-pills-link-hover-color; 33 | } 34 | } 35 | 36 | .nav-link.active, 37 | .show > .nav-link { 38 | color: $nav-pills-link-active-color; 39 | background-color: $nav-pills-link-active-bg; 40 | } 41 | 42 | @include media-breakpoint-down(xs) { 43 | .nav-item { 44 | margin-bottom: $spacer; 45 | } 46 | } 47 | } 48 | 49 | @include media-breakpoint-down(sm) { 50 | .nav-pills:not(.nav-pills-circle) { 51 | .nav-item { 52 | padding-right: 0; 53 | } 54 | } 55 | } 56 | 57 | // Nav pills circle 58 | 59 | .nav-pills-circle { 60 | .nav-link { 61 | text-align: center; 62 | height: 60px; 63 | width: 60px; 64 | padding: 0; 65 | line-height: 60px; 66 | border-radius: 50%; 67 | } 68 | 69 | .nav-link-icon { 70 | i, svg { 71 | font-size: 1rem; 72 | } 73 | } 74 | } 75 | 76 | // Nav wrapper 77 | .nav-wrapper { 78 | padding: 1rem 0; 79 | @include border-top-radius($card-border-radius); 80 | 81 | + .card { 82 | @include border-top-radius(0); 83 | @include border-bottom-radius($card-border-radius); 84 | } 85 | } 86 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/pagination.scss: -------------------------------------------------------------------------------- 1 | .page-item { 2 | &.active .page-link { 3 | box-shadow: $pagination-active-box-shadow; 4 | } 5 | 6 | .page-link, 7 | span { 8 | display: flex; 9 | align-items: center; 10 | justify-content: center; 11 | padding: 0; 12 | margin: 0 3px; 13 | border-radius: 50% !important; 14 | width: 36px; 15 | height: 36px; 16 | font-size: $font-size-sm; 17 | } 18 | } 19 | 20 | .pagination-lg { 21 | .page-item { 22 | .page-link, 23 | span { 24 | width: 46px; 25 | height: 46px; 26 | line-height: 46px; 27 | } 28 | } 29 | } 30 | 31 | .pagination-sm { 32 | .page-item { 33 | .page-link, 34 | span { 35 | width: 30px; 36 | height: 30px; 37 | line-height: 30px; 38 | } 39 | } 40 | } -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/popover.scss: -------------------------------------------------------------------------------- 1 | .popover { 2 | border: 0; 3 | } 4 | 5 | .popover-header { 6 | font-weight: $font-weight-bold; 7 | } 8 | 9 | // Alternative colors 10 | @each $color, $value in $theme-colors { 11 | .popover-#{$color} { 12 | @include popover-variant($value); 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/progress.scss: -------------------------------------------------------------------------------- 1 | .progress-wrapper { 2 | position: relative; 3 | padding-top: 1.5rem; 4 | } 5 | .progress { 6 | height: 8px; 7 | margin-bottom: $spacer; 8 | overflow: hidden; 9 | border-radius: $border-radius-sm; 10 | background-color: $progress-bg; 11 | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 12 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 13 | } 14 | .progress .sr-only { 15 | width: auto; 16 | height: 20px; 17 | margin: 0 0 0 30px; 18 | left: 0; 19 | clip: auto; 20 | line-height: 20px; 21 | font-size: 13px; 22 | } 23 | 24 | .progress-heading { 25 | font-size: 14px; 26 | font-weight: 500; 27 | margin: 0 0 2px; 28 | padding: 0; 29 | } 30 | .progress-bar { 31 | box-shadow: none; 32 | border-radius: 0; 33 | height: auto; 34 | } 35 | 36 | .progress-label { 37 | span { 38 | display: inline-block; 39 | color: $default; 40 | font-size: .625rem; 41 | font-weight: 600; 42 | text-transform: uppercase; 43 | padding: .25rem 0rem; 44 | } 45 | } 46 | 47 | .progress-percentage { 48 | text-align: right; 49 | span { 50 | display: inline-block; 51 | color: $gray-600; 52 | font-size: .875rem; 53 | font-weight: 600; 54 | } 55 | } 56 | 57 | .index-page { 58 | .progress-wrapper { 59 | padding-top: 1rem; 60 | 61 | .progress-label { 62 | position: absolute; 63 | top: auto; 64 | bottom: 10px; 65 | } 66 | 67 | .progress { 68 | margin-bottom: 0; 69 | } 70 | } 71 | } 72 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/reboot.scss: -------------------------------------------------------------------------------- 1 | iframe { 2 | border: 0; 3 | } 4 | 5 | figcaption, 6 | figure, 7 | main { 8 | display: block; 9 | } 10 | 11 | main { 12 | overflow: hidden; 13 | } 14 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/separator.scss: -------------------------------------------------------------------------------- 1 | .separator { 2 | position: absolute; 3 | top: auto; 4 | left: 0; 5 | right: 0; 6 | width: 100%; 7 | height: 150px; 8 | z-index: 1; 9 | transform: translateZ(0); 10 | overflow: hidden; 11 | pointer-events: none; 12 | 13 | svg { 14 | position: absolute; 15 | pointer-events: none; 16 | } 17 | } 18 | 19 | .separator-top { 20 | top: 0; 21 | bottom: auto; 22 | 23 | svg { 24 | top: 0; 25 | } 26 | } 27 | 28 | .separator-bottom { 29 | top: auto; 30 | bottom: 0; 31 | 32 | svg { 33 | bottom: 0; 34 | } 35 | } 36 | 37 | .separator-inverse { 38 | transform: rotate(180deg); 39 | } 40 | 41 | // Styles 42 | 43 | .separator-skew { 44 | height: 80px; 45 | @include media-breakpoint-down(md) { 46 | z-index: 0; 47 | } 48 | } 49 | 50 | 51 | 52 | .mt-md, 53 | .my-md 54 | { 55 | margin-top: 4rem !important; 56 | } 57 | 58 | .mr-md, 59 | .mx-md 60 | { 61 | margin-right: 4rem !important; 62 | } 63 | 64 | .mb-md, 65 | .my-md 66 | { 67 | margin-bottom: 4rem !important; 68 | } 69 | 70 | .ml-md, 71 | .mx-md 72 | { 73 | margin-left: 4rem !important; 74 | } 75 | 76 | .m-lg 77 | { 78 | margin: 6rem !important; 79 | } 80 | 81 | .mt-lg, 82 | .my-lg 83 | { 84 | margin-top: 6rem !important; 85 | } 86 | 87 | .mr-lg, 88 | .mx-lg 89 | { 90 | margin-right: 6rem !important; 91 | } 92 | 93 | .mb-lg, 94 | .my-lg 95 | { 96 | margin-bottom: 6rem !important; 97 | } 98 | 99 | .ml-lg, 100 | .mx-lg 101 | { 102 | margin-left: 6rem !important; 103 | } 104 | 105 | .m-xl 106 | { 107 | margin: 8rem !important; 108 | } 109 | 110 | .mt-xl, 111 | .my-xl 112 | { 113 | margin-top: 8rem !important; 114 | } 115 | 116 | .mr-xl, 117 | .mx-xl 118 | { 119 | margin-right: 8rem !important; 120 | } 121 | 122 | .mb-xl, 123 | .my-xl 124 | { 125 | margin-bottom: 8rem !important; 126 | } 127 | 128 | .ml-xl, 129 | .mx-xl 130 | { 131 | margin-left: 8rem !important; 132 | } 133 | 134 | 135 | .pt-lg, 136 | .py-lg 137 | { 138 | padding-top: 6rem !important; 139 | } 140 | 141 | .pr-lg, 142 | .px-lg 143 | { 144 | padding-right: 6rem !important; 145 | } 146 | 147 | .pb-lg, 148 | .py-lg 149 | { 150 | padding-bottom: 6rem !important; 151 | } 152 | 153 | .pl-lg, 154 | .px-lg 155 | { 156 | padding-left: 6rem !important; 157 | } 158 | 159 | .p-xl 160 | { 161 | padding: 8rem !important; 162 | } 163 | 164 | .pt-xl, 165 | .py-xl 166 | { 167 | padding-top: 8rem !important; 168 | } 169 | 170 | .pr-xl, 171 | .px-xl 172 | { 173 | padding-right: 8rem !important; 174 | } 175 | 176 | .pb-xl, 177 | .py-xl 178 | { 179 | padding-bottom: 8rem !important; 180 | } 181 | 182 | .pl-xl, 183 | .px-xl 184 | { 185 | padding-left: 8rem !important; 186 | } 187 | 188 | .m-auto 189 | { 190 | margin: auto !important; 191 | } 192 | 193 | .mt-auto, 194 | .my-auto 195 | { 196 | margin-top: auto !important; 197 | } 198 | 199 | .mr-auto, 200 | .mx-auto 201 | { 202 | margin-right: auto !important; 203 | } 204 | 205 | .mb-auto, 206 | .my-auto 207 | { 208 | margin-bottom: auto !important; 209 | } 210 | 211 | .ml-auto, 212 | .mx-auto 213 | { 214 | margin-left: auto !important; 215 | } 216 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/theme.scss: -------------------------------------------------------------------------------- 1 | 2 | /*! 3 | 4 | ========================================================= 5 | * {{ site.product.name }} {{ site.product.name_long }} - v{{ site.product.version }} 6 | ========================================================= 7 | 8 | * Product Page: {{ site.product.download }} 9 | * Copyright {{ 'now' | date: "%Y" }} {{ site.author }} ({{ site.website.url }}) 10 | * Licensed under MIT ({{ site.product.license }}) 11 | 12 | * Coded by www.creative-tim.com 13 | 14 | ========================================================= 15 | 16 | * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 17 | 18 | */ 19 | 20 | // {{ site.product.name }} components 21 | 22 | @import "functions"; 23 | @import "mixins"; 24 | 25 | @import "reboot"; 26 | @import "global"; 27 | @import "utilities"; 28 | 29 | @import "accordion"; 30 | @import "alert"; 31 | @import "avatar"; 32 | @import "badge"; 33 | @import "buttons"; 34 | @import "card"; 35 | @import "carousel"; 36 | @import "close"; 37 | @import "content"; 38 | @import "custom-forms"; 39 | @import "dropdown"; 40 | @import "footer"; 41 | @import "forms"; 42 | @import "grid"; 43 | @import "icons"; 44 | @import "input-group"; 45 | @import "list-group"; 46 | @import "modal"; 47 | @import "nav"; 48 | @import "navbar"; 49 | @import "pagination"; 50 | @import "popover"; 51 | @import "progress"; 52 | @import "section"; 53 | @import "separator"; 54 | @import "type"; 55 | 56 | // Vendor 57 | 58 | @import "vendors"; 59 | 60 | // Docs 61 | 62 | @import "docs"; 63 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/type.scss: -------------------------------------------------------------------------------- 1 | // General styles 2 | 3 | p { 4 | font-size: $paragraph-font-size; 5 | font-weight: $paragraph-font-weight; 6 | line-height: $paragraph-line-height; 7 | } 8 | 9 | .lead { 10 | font-size: $lead-font-size; 11 | font-weight: $lead-font-weight; 12 | line-height: $paragraph-line-height; 13 | margin-top: 1.5rem; 14 | 15 | + .btn-wrapper { 16 | margin-top: 3rem; 17 | } 18 | } 19 | 20 | .description { 21 | font-size: $font-size-sm; 22 | } 23 | 24 | // Headings 25 | 26 | .heading { 27 | letter-spacing: $heading-letter-spacing; 28 | font-size: $heading-font-size; 29 | text-transform: $heading-text-transform; 30 | font-weight: $heading-font-weight; 31 | } 32 | 33 | .heading-title { 34 | letter-spacing: $heading-title-letter-spacing; 35 | font-size: $heading-title-font-size; 36 | font-weight: $heading-title-font-weight; 37 | text-transform: $heading-title-text-transform; 38 | } 39 | 40 | .heading-section { 41 | letter-spacing: $heading-section-letter-spacing; 42 | font-size: $heading-section-font-size; 43 | font-weight: $heading-section-font-weight; 44 | text-transform: $heading-section-text-transform; 45 | 46 | img { 47 | display: block; 48 | width: 72px; 49 | height: 72px; 50 | margin-bottom: 1.5rem; 51 | } 52 | 53 | &.text-center { 54 | img { 55 | margin-left: auto; 56 | margin-right: auto; 57 | } 58 | } 59 | } 60 | 61 | // Section titles 62 | 63 | .display-1, 64 | .display-2, 65 | .display-3, 66 | .display-4 { 67 | span { 68 | display: block; 69 | font-weight: $font-weight-light; 70 | } 71 | } 72 | 73 | 74 | // Articles 75 | 76 | article { 77 | h4:not(:first-child), 78 | h5:not(:first-child) { 79 | margin-top: 3rem; 80 | } 81 | 82 | h4, h5 { 83 | margin-bottom: 1.5rem; 84 | } 85 | 86 | figure { 87 | margin: 3rem 0; 88 | } 89 | 90 | h5 + figure { 91 | margin-top: 0; 92 | } 93 | } 94 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/utilities.scss: -------------------------------------------------------------------------------- 1 | @import "utilities/backgrounds"; 2 | @import "utilities/floating"; 3 | @import "utilities/helper"; 4 | @import "utilities/position"; 5 | @import "utilities/sizing"; 6 | @import "utilities/spacing"; 7 | @import "utilities/shadows"; 8 | @import "utilities/text"; 9 | @import "utilities/transform"; 10 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/utilities/backgrounds.scss: -------------------------------------------------------------------------------- 1 | @each $color, $value in $colors { 2 | @include bg-variant(".bg-#{$color}", $value); 3 | } 4 | 5 | @each $color, $value in $theme-colors { 6 | @include bg-gradient-variant(".bg-gradient-#{$color}", $value); 7 | } 8 | 9 | @each $color, $value in $colors { 10 | @include bg-gradient-variant(".bg-gradient-#{$color}", $value); 11 | } 12 | 13 | // Background colors with transparency 14 | @each $color, $value in $theme-colors { 15 | @include bg-translucent-variant(".bg-translucent-#{$color}", $value); 16 | } 17 | 18 | 19 | // Sections 20 | 21 | @each $color, $value in $section-colors { 22 | @include bg-variant(".section-#{$color}", $value); 23 | } 24 | 25 | @each $color, $value in $theme-colors { 26 | @include bg-gradient-variant(".bg-gradient-#{$color}", $value); 27 | } 28 | 29 | 30 | // Shape (svg) fill colors 31 | 32 | @each $color, $value in $theme-colors { 33 | .fill-#{$color} { 34 | fill: $value; 35 | } 36 | 37 | .stroke-#{$color} { 38 | stroke: $value; 39 | } 40 | } 41 | 42 | .fill-opacity-8 { 43 | fill-opacity: .8; 44 | } -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/utilities/floating.scss: -------------------------------------------------------------------------------- 1 | .floating { 2 | animation: floating 3s ease infinite; 3 | will-change: transform; 4 | 5 | &:hover { 6 | animation-play-state: paused; 7 | } 8 | } 9 | 10 | .floating-lg { 11 | animation: floating-lg 3s ease infinite; 12 | } 13 | 14 | .floating-sm { 15 | animation: floating-sm 3s ease infinite; 16 | } 17 | 18 | // Keyframes 19 | 20 | @keyframes floating-lg { 21 | 0% { 22 | transform: translateY(0px) 23 | } 24 | 50% { 25 | transform: translateY(15px) 26 | } 27 | 100% { 28 | transform: translateY(0px) 29 | } 30 | } 31 | 32 | @keyframes floating { 33 | 0% { 34 | transform: translateY(0px) 35 | } 36 | 50% { 37 | transform: translateY(10px) 38 | } 39 | 100% { 40 | transform: translateY(0px) 41 | } 42 | } 43 | 44 | @keyframes floating-sm { 45 | 0% { 46 | transform: translateY(0px) 47 | } 48 | 50% { 49 | transform: translateY(5px) 50 | } 51 | 100% { 52 | transform: translateY(0px) 53 | } 54 | } -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/utilities/helper.scss: -------------------------------------------------------------------------------- 1 | // Image 2 | 3 | .img-center { 4 | display: block; 5 | margin-left: auto; 6 | margin-right: auto; 7 | } 8 | 9 | // Clearfix 10 | 11 | .floatfix { 12 | &:before, 13 | &:after { 14 | content: ''; 15 | display: table; 16 | } 17 | &:after { 18 | clear: both; 19 | } 20 | } 21 | 22 | // Overflows 23 | 24 | .overflow-visible { 25 | overflow: visible !important; 26 | } 27 | .overflow-hidden { 28 | overflow: hidden !important; 29 | } 30 | 31 | // Opacity classes 32 | 33 | .opacity-1 { 34 | opacity: .1 !important; 35 | } 36 | .opacity-2 { 37 | opacity: .2 !important; 38 | } 39 | .opacity-3 { 40 | opacity: .3 !important; 41 | } 42 | .opacity-4 { 43 | opacity: .4 !important; 44 | } 45 | .opacity-5 { 46 | opacity: .5 !important; 47 | } 48 | .opacity-6 { 49 | opacity: .6 !important; 50 | } 51 | .opacity-7 { 52 | opacity: .7 !important; 53 | } 54 | .opacity-8 { 55 | opacity: .8 !important; 56 | } 57 | .opacity-9 { 58 | opacity: .9 !important; 59 | } 60 | .opacity-10 { 61 | opacity: 1 !important; 62 | } 63 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/utilities/position.scss: -------------------------------------------------------------------------------- 1 | @each $size, $value in $spacers { 2 | .top-#{$size} { 3 | top: $value; 4 | } 5 | .right-#{$size} { 6 | right: $value; 7 | } 8 | .bottom-#{$size} { 9 | bottom: $value; 10 | } 11 | .left-#{$size} { 12 | left: $value; 13 | } 14 | } 15 | 16 | .center { 17 | left: 50%; 18 | transform: translateX(-50%); 19 | } -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/utilities/shadows.scss: -------------------------------------------------------------------------------- 1 | [class*="shadow"] { 2 | @if $enable-transitions { 3 | transition: $transition-base; 4 | } 5 | } 6 | 7 | .shadow-sm--hover:hover { box-shadow: $box-shadow-sm !important; } 8 | .shadow--hover:hover { box-shadow: $box-shadow !important; } 9 | .shadow-lg--hover:hover { box-shadow: $box-shadow-lg !important; } 10 | .shadow-none--hover:hover { box-shadow: none !important; } 11 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/utilities/sizing.scss: -------------------------------------------------------------------------------- 1 | // Height values in vh 2 | 3 | .h-100vh { 4 | height: 100vh !important; 5 | } 6 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/utilities/spacing.scss: -------------------------------------------------------------------------------- 1 | // Spacing columns vertically 2 | 3 | .row.row-grid > [class*="col-"] + [class*="col-"] { 4 | margin-top: 3rem; 5 | } 6 | 7 | @include media-breakpoint-up(lg) { 8 | .row.row-grid > [class*="col-lg-"] + [class*="col-lg-"] { 9 | margin-top: 0; 10 | } 11 | } 12 | @include media-breakpoint-up(md) { 13 | .row.row-grid > [class*="col-md-"] + [class*="col-md-"] { 14 | margin-top: 0; 15 | } 16 | } 17 | @include media-breakpoint-up(sm) { 18 | .row.row-grid > [class*="col-sm-"] + [class*="col-sm-"] { 19 | margin-top: 0; 20 | } 21 | } 22 | 23 | .row-grid + .row-grid { 24 | margin-top: 3rem; 25 | } 26 | 27 | // Negative margins and paddings 28 | 29 | @media(min-width: 992px) { 30 | [class*="mt--"], 31 | [class*="mr--"], 32 | [class*="mb--"], 33 | [class*="ml--"] { 34 | position: relative; 35 | z-index: 5; 36 | } 37 | 38 | 39 | // Large negative margins in pixels 40 | 41 | .mt--100 { 42 | margin-top: -100px !important; 43 | } 44 | .mr--100 { 45 | margin-right: -100px !important; 46 | } 47 | .mb--100 { 48 | margin-bottom: -100px !important; 49 | } 50 | .ml--100 { 51 | margin-left: -100px !important; 52 | } 53 | .mt--150 { 54 | margin-top: -150px !important; 55 | } 56 | .mb--150 { 57 | margin-bottom: -150px !important; 58 | } 59 | .mt--200 { 60 | margin-top: -200px !important; 61 | } 62 | .mb--200 { 63 | margin-bottom: -200px !important; 64 | } 65 | .mt--300 { 66 | margin-top: -300px !important; 67 | } 68 | .mb--300 { 69 | margin-bottom: -300px !important; 70 | } 71 | 72 | 73 | // Large margins in pixels 74 | 75 | .pt-100 { 76 | padding-top: 100px !important; 77 | } 78 | .pb-100 { 79 | padding-bottom: 100px !important; 80 | } 81 | .pt-150 { 82 | padding-top: 150px !important; 83 | } 84 | .pb-150 { 85 | padding-bottom: 150px !important; 86 | } 87 | .pt-200 { 88 | padding-top: 200px !important; 89 | } 90 | .pb-200 { 91 | padding-bottom: 200px !important; 92 | } 93 | .pt-250 { 94 | padding-top: 250px !important; 95 | } 96 | .pb-250 { 97 | padding-bottom: 250px !important; 98 | } 99 | .pt-300 { 100 | padding-top: 300px!important; 101 | } 102 | .pb-300 { 103 | padding-bottom: 300px!important; 104 | } 105 | } 106 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/utilities/text.scss: -------------------------------------------------------------------------------- 1 | // Weight and italics 2 | 3 | .font-weight-300 { font-weight: 300 !important; } 4 | .font-weight-400 { font-weight: 400 !important; } 5 | .font-weight-500 { font-weight: 500 !important; } 6 | .font-weight-600 { font-weight: 600 !important; } 7 | .font-weight-700 { font-weight: 700 !important; } 8 | .font-weight-800 { font-weight: 800 !important; } 9 | .font-weight-900 { font-weight: 900 !important; } 10 | 11 | 12 | // Text decorations 13 | 14 | .text-underline { text-decoration: underline; } 15 | .text-through { text-decoration: line-through; } 16 | 17 | 18 | // Line heights 19 | 20 | .lh-100 { line-height: 1; } 21 | .lh-110 { line-height: 1.1; } 22 | .lh-120 { line-height: 1.2; } 23 | .lh-130 { line-height: 1.3; } 24 | .lh-140 { line-height: 1.4; } 25 | .lh-150 { line-height: 1.5; } 26 | .lh-160 { line-height: 1.6; } 27 | .lh-170 { line-height: 1.7; } 28 | .lh-180 { line-height: 1.8; } 29 | 30 | 31 | // Letter spacings 32 | 33 | .ls-1 { letter-spacing: .0625rem; } 34 | .ls-15 { letter-spacing: .09375rem; } 35 | .ls-2 { letter-spacing: 0.125rem; } 36 | 37 | // Color variations 38 | 39 | @each $color, $value in $colors { 40 | @include text-emphasis-variant(".text-#{$color}", $value); 41 | } -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/utilities/transform.scss: -------------------------------------------------------------------------------- 1 | @include media-breakpoint-up(lg) { 2 | .transform-perspective-right { 3 | transform: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg); 4 | } 5 | .transform-perspective-left{ 6 | transform: scale(1) perspective(2000px) rotateY(11deg) rotateX(2deg) rotate(-2deg) 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/vendor/_bootstrap-datepicker.scss: -------------------------------------------------------------------------------- 1 | // Custom datepickers 2 | .datepicker { 3 | border-radius: $datepicker-border-radius; 4 | 5 | &-inline { 6 | width: 220px; 7 | } 8 | 9 | direction: ltr; 10 | 11 | &-rtl { 12 | direction: rtl; 13 | &.dropdown-menu { 14 | left: auto; 15 | } 16 | table tr td span { 17 | float: right; 18 | } 19 | } 20 | 21 | &-dropdown { 22 | top: 0; 23 | left: 0; 24 | padding: $datepicker-dropdown-padding; 25 | @include box-shadow($dropdown-box-shadow); 26 | 27 | // &:before, 28 | // &:after { 29 | // content: ''; 30 | // display: inline-block; 31 | // border-top: 0; 32 | // position: absolute; 33 | // } 34 | 35 | // &:before { 36 | // border-left: 7px solid transparent; 37 | // border-right: 7px solid transparent; 38 | // border-bottom: 7px solid $datepicker-dropdown-border; 39 | // border-bottom-color: rgba(0, 0, 0, .2); 40 | // } 41 | 42 | // &:after { 43 | // border-left: 6px solid transparent; 44 | // border-right: 6px solid transparent; 45 | // border-bottom: 6px solid $datepicker-dropdown-bg; 46 | // } 47 | 48 | &.datepicker-orient-left:before { 49 | left: 6px; 50 | } 51 | &.datepicker-orient-left:after { 52 | left: 7px; 53 | } 54 | &.datepicker-orient-right:before { 55 | right: 6px; 56 | } 57 | &.datepicker-orient-right:after { 58 | right: 7px; 59 | } 60 | &.datepicker-orient-bottom:before { 61 | top: -7px; 62 | } 63 | &.datepicker-orient-bottom:after { 64 | top: -6px; 65 | } 66 | 67 | &.datepicker-orient-top:before { 68 | bottom: -7px; 69 | border-bottom: 0; 70 | border-top: 7px solid $datepicker-dropdown-border; 71 | } 72 | 73 | &.datepicker-orient-top:after { 74 | bottom: -6px; 75 | border-bottom: 0; 76 | border-top: 6px solid $datepicker-dropdown-bg; 77 | } 78 | } 79 | 80 | table { 81 | margin: 0; 82 | -webkit-touch-callout: none; 83 | user-select: none; 84 | 85 | tr { 86 | td { 87 | border-radius: $datepicker-cell-border-radius; 88 | } 89 | 90 | th { 91 | border-radius: $datepicker-header-cell-border-radius; 92 | font-weight: 500; 93 | } 94 | 95 | td, 96 | th { 97 | transition: $datepicker-cell-transition; 98 | width: $datepicker-cell-width; 99 | height: $datepicker-cell-height; 100 | border: none; 101 | text-align: center; 102 | font-size: $font-size-sm; 103 | } 104 | } 105 | } 106 | 107 | // Inline display inside a table presents some problems with 108 | // border and background colors. 109 | .table-striped & table tr { 110 | td, 111 | th { 112 | background-color: transparent; 113 | } 114 | } 115 | 116 | table tr td { 117 | &.old, 118 | &.new { 119 | color: $datepicker-disabled-old-new-color; 120 | } 121 | 122 | &.day:hover, 123 | &.focused { 124 | background: $datepicker-cell-hover-background; 125 | cursor: pointer; 126 | } 127 | 128 | &.disabled, 129 | &.disabled:hover { 130 | background: none; 131 | color: $datepicker-disabled-cell-color; 132 | cursor: default; 133 | } 134 | 135 | &.highlighted { 136 | border-radius: 0; 137 | 138 | &.focused { 139 | background: $datepicker-highlighted-bg 140 | } 141 | 142 | &.disabled, 143 | &.disabled:active { 144 | background: $datepicker-highlighted-bg; 145 | color: $gray-400; 146 | } 147 | } 148 | 149 | &.today { 150 | background: lighten($datepicker-active-background, 45%); 151 | &.focused { 152 | background: lighten($gray-400, 58%); 153 | } 154 | 155 | &.disabled, 156 | &.disabled:active { 157 | background: lighten($gray-400, 58%); 158 | color: $btn-link-disabled-color; 159 | } 160 | } 161 | 162 | // Range selection 163 | &.range { 164 | background: $datepicker-range-background; 165 | color: $datepicker-range-color; 166 | border-radius: 0; 167 | 168 | &.focused { 169 | background: darken($datepicker-range-cell-focused-background, 3%); 170 | } 171 | 172 | &.disabled, 173 | &.disabled:active, 174 | &.day.disabled:hover { 175 | background: darken($datepicker-active-background, 10%); 176 | color: lighten($datepicker-active-background, 10%); 177 | } 178 | } 179 | 180 | &.range.highlighted { 181 | &.focused { 182 | background: darken($datepicker-range-highlighted-bg, 10%); 183 | } 184 | 185 | &.disabled, 186 | &.disabled:active { 187 | background: $datepicker-range-highlighted-bg; 188 | color: $datepicker-disabled-cell-color; 189 | } 190 | } 191 | 192 | &.range.today { 193 | &.disabled, 194 | &.disabled:active { 195 | background: $blue; 196 | color: $white; 197 | } 198 | } 199 | 200 | &.day.range-start { 201 | border-top-right-radius: 0; 202 | border-bottom-right-radius: 0; 203 | } 204 | 205 | &.day.range-end { 206 | border-top-left-radius: 0; 207 | border-bottom-left-radius: 0; 208 | } 209 | 210 | &.day.range-start.range-end { 211 | border-radius: $datepicker-cell-border-radius; 212 | } 213 | 214 | &.selected, 215 | &.selected.highlighted, 216 | &.selected:hover, 217 | &.selected.highlighted:hover, 218 | &.day.range:hover { 219 | background: $datepicker-active-background; 220 | color: $datepicker-active-color; 221 | } 222 | 223 | &.active, 224 | &.active.highlighted, 225 | &.active:hover, 226 | &.active.highlighted:hover { 227 | background: $datepicker-active-background; 228 | color: $datepicker-active-color; 229 | box-shadow: $datepicker-active-box-shadow; 230 | } 231 | 232 | span { 233 | display: block; 234 | width: 23%; 235 | height: 54px; 236 | line-height: 54px; 237 | float: left; 238 | margin: 1%; 239 | cursor: pointer; 240 | border-radius: 4px; 241 | 242 | &:hover, 243 | &.focused { 244 | background: $gray-200; 245 | } 246 | 247 | &.disabled, 248 | &.disabled:hover { 249 | background: none; 250 | color: $datepicker-disabled-cell-color; 251 | cursor: default; 252 | } 253 | 254 | &.active, 255 | &.active:hover, 256 | &.active.disabled, 257 | &.active.disabled:hover { 258 | text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); 259 | } 260 | 261 | &.old, 262 | &.new { 263 | color: $btn-link-disabled-color; 264 | } 265 | } 266 | } 267 | 268 | .datepicker-switch { 269 | width: 145px; 270 | } 271 | 272 | .datepicker-switch, 273 | .prev, 274 | .next, 275 | tfoot tr th { 276 | cursor: pointer; 277 | &:hover { 278 | background: $gray-200; 279 | } 280 | } 281 | 282 | .prev, 283 | .next { 284 | &.disabled { 285 | visibility: hidden; 286 | } 287 | } 288 | 289 | // Basic styling for calendar-week cells 290 | .cw { 291 | font-size: 10px; 292 | width: 12px; 293 | padding: 0 2px 0 5px; 294 | vertical-align: middle; 295 | } 296 | } -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/vendor/headroom.scss: -------------------------------------------------------------------------------- 1 | .headroom { 2 | will-change: transform; 3 | background-color: inherit; 4 | @include transition($transition-base); 5 | } 6 | .headroom--pinned { 7 | @extend .position-fixed; 8 | transform: translateY(0%); 9 | } 10 | .headroom--unpinned { 11 | @extend .position-fixed; 12 | transform: translateY(-100%); 13 | } 14 | 15 | .headroom--not-top { 16 | padding-top: .5rem; 17 | padding-bottom: .5rem; 18 | background-color: theme-color("default") !important; 19 | box-shadow: 0 1px 10px rgba(130, 130, 134, 0.1); 20 | } 21 | -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/vendor/scrollbar.scss: -------------------------------------------------------------------------------- 1 | .scrollbar-inner { 2 | height: 100%; 3 | 4 | &:not(:hover) .scroll-element { 5 | opacity: 0; 6 | } 7 | 8 | .scroll-element { 9 | transition: opacity 300ms; 10 | margin-right: 2px; 11 | 12 | .scroll-bar, 13 | .scroll-element_track { 14 | transition: background-color 300ms; 15 | } 16 | 17 | .scroll-element_track { 18 | background-color: transparent; 19 | } 20 | } 21 | 22 | .scroll-element.scroll-y { 23 | width: 3px; 24 | right: 0; 25 | } 26 | 27 | .scroll-element.scroll-x { 28 | height: 3px; 29 | bottom: 0; 30 | } 31 | } -------------------------------------------------------------------------------- /public/assets/scss/argon-design-system/vendors.scss: -------------------------------------------------------------------------------- 1 | 2 | @import "vendor/datetimepicker"; 3 | @import "vendor/_bootstrap-datepicker"; 4 | @import "vendor/nouislider"; 5 | 6 | 7 | @import "vendor/headroom"; 8 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/favicon.ico -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 19 | 20 | 24 | 25 | 34 | React App 35 | 36 | 37 | 38 |
39 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/logo192.png -------------------------------------------------------------------------------- /public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/johanlia000/PairUp/02ac85ec78941700036a8ce9151e14e9c53f0622/public/logo512.png -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /src/App.css: -------------------------------------------------------------------------------- 1 | .App { 2 | text-align: center; 3 | } 4 | 5 | @media (prefers-reduced-motion: no-preference) { 6 | .App-logo { 7 | animation: App-logo-spin infinite 20s linear; 8 | } 9 | } 10 | 11 | html,body,#root{ 12 | height:100%; 13 | position: fixed; 14 | top:0;left:0;bottom:0;right:0; 15 | } 16 | 17 | .header { 18 | display:flex; 19 | width:100%; 20 | height:4.4rem; 21 | background-color:#172b4d; 22 | align-items:center; 23 | justify-content: space-between; 24 | } 25 | 26 | .left-header{ 27 | display: flex; 28 | justify-content: flex-start; 29 | align-items: center; 30 | } 31 | 32 | .right-header{ 33 | margin-right: 1rem; 34 | } 35 | 36 | .logo { 37 | margin-left: 1rem; 38 | margin-right: .4rem; 39 | } 40 | 41 | .logoPic { 42 | height: 3.3rem; 43 | } 44 | 45 | .title { 46 | font-size: 1.6rem; 47 | color: white; 48 | font-weight: bold; 49 | margin-left: 1rem; 50 | } 51 | 52 | .addButton-header { 53 | position:absolute; 54 | right:2rem; 55 | } 56 | 57 | .footer{ 58 | position:absolute; 59 | bottom:0; 60 | left:0; 61 | width:100%; 62 | height:3rem; 63 | background-color: #172b4d; 64 | display:flex; 65 | align-items:center; 66 | justify-content: space-between; 67 | } 68 | 69 | 70 | .search-bar{ 71 | width: 98%; 72 | display: flex; 73 | margin: 5px; 74 | padding: 8px; 75 | } 76 | 77 | #search-button{ 78 | margin-left: 4px; 79 | padding: .8rem .95rem; 80 | } 81 | 82 | .trips{ 83 | overflow: auto; 84 | height: 73vh; 85 | width: 100%; 86 | display: flex; 87 | justify-content: center; 88 | flex-wrap: wrap; 89 | } 90 | 91 | .makeTrip { 92 | text-transform: capitalize; 93 | } 94 | 95 | #card { 96 | width: 25rem; 97 | margin-top: 1.5rem; 98 | margin-right: 1.5rem; 99 | margin-left: .5rem; 100 | } 101 | 102 | .title-case { 103 | text-transform: capitalize; 104 | text-align: left; 105 | } 106 | 107 | .signIn{ 108 | text-align: center; 109 | margin-bottom: 1rem; 110 | font-size: 2rem; 111 | color: #172b4d; 112 | } 113 | 114 | .loginPopupLogo{ 115 | display: flex; 116 | justify-content: center; 117 | 118 | } 119 | 120 | .email-login{ 121 | display: flex; 122 | justify-content: center; 123 | padding-top: 1rem; 124 | z-index: 1; 125 | } 126 | 127 | .password-login{ 128 | display: flex; 129 | justify-content: center; 130 | padding-top: 1rem; 131 | padding-bottom: 1rem; 132 | 133 | } 134 | 135 | .loginSignupButton{ 136 | display: flex; 137 | justify-content: space-around; 138 | padding-top: 1rem; 139 | } 140 | 141 | .googleButton{ 142 | display: flex; 143 | padding-top: .7rem; 144 | padding-bottom: 1rem; 145 | justify-content: center; 146 | } 147 | 148 | .orGoogle{ 149 | display: flex; 150 | justify-content: center; 151 | padding-top: 1.5rem; 152 | font-size: .8rem; 153 | } 154 | 155 | .logout{ 156 | margin-left: .4rem; 157 | } 158 | 159 | .cardBody { 160 | background-color: #f4f5f7; 161 | border-radius: .3rem; 162 | } 163 | 164 | .signup-button{ 165 | margin-right: .5rem; 166 | } 167 | 168 | .city-country { 169 | font-size: 1.1rem; 170 | position: absolute; 171 | left: .75rem; 172 | top: .45rem; 173 | text-transform: capitalize; 174 | } 175 | 176 | .dates { 177 | font-size: .7rem; 178 | text-transform: capitalize; 179 | position: absolute; 180 | left: .75rem; 181 | top: 2.1rem; 182 | } 183 | 184 | 185 | 186 | .makeTrip{ 187 | display: flex; 188 | flex-wrap: wrap; 189 | justify-content: center; 190 | height: 85vh; 191 | overflow: auto; 192 | } 193 | 194 | .saveButtonTrips{ 195 | width: 100%; 196 | margin: 2rem; 197 | text-transform: capitalize; 198 | 199 | } 200 | .saveButtonTrip{ 201 | font-size: 20rem; 202 | 203 | } 204 | .userTripInputs{ 205 | margin-top: 1rem; 206 | background-color:#172b4d; 207 | color: white; 208 | width: 85%; 209 | padding-top: .5rem; 210 | padding-bottom: .5rem; 211 | border-radius: .5rem; 212 | font-size: 1.1rem; 213 | } 214 | 215 | .destinationChosen{ 216 | margin-top: .4rem; 217 | margin-left: 1rem; 218 | text-align: left; 219 | 220 | } 221 | 222 | .dateChosen{ 223 | margin-top: .4rem; 224 | margin-left: 1rem; 225 | text-align: left; 226 | } 227 | 228 | .activitiesChosen{ 229 | margin-top: .4rem; 230 | margin-left: 1rem; 231 | margin-right: 1rem; 232 | margin-bottom: .4rem; 233 | text-align: left; 234 | flex-wrap: wrap; 235 | } 236 | 237 | 238 | /* destination search bar */ 239 | .searchDestination{ 240 | display: flex; 241 | height: 3.5rem; 242 | width: 80%; 243 | justify-content: center; 244 | margin-top: 2rem; 245 | } 246 | 247 | .setDate{ 248 | width: 100%; 249 | margin-top: 1.5rem; 250 | margin-left: 2rem; 251 | margin-right: 2rem; 252 | } 253 | 254 | .searchActivities{ 255 | display: flex; 256 | margin-top: 2rem; 257 | height: 3.5rem; 258 | width: 80%; 259 | justify-content: center; 260 | } 261 | 262 | .lowercase { 263 | text-transform: none; 264 | } 265 | 266 | .activities { 267 | width: 100%; 268 | } 269 | 270 | .welcome-img { 271 | position: absolute; 272 | top: 0; 273 | left: 0; 274 | width: 100vw; 275 | height: 130vh; 276 | z-index: -1; 277 | object-fit: cover; 278 | } 279 | 280 | .welcome-logo { 281 | height: 6rem; 282 | width: 7rem; 283 | margin-bottom: 2rem; 284 | margin-top: 24rem; 285 | } 286 | 287 | @media screen and (min-width: 800px) { 288 | .welcome-logo{margin-top:0rem;} 289 | } 290 | 291 | .welcome { 292 | position: absolute; 293 | top: 50%; 294 | left: 50%; 295 | margin-right: -10%; 296 | transform: translate(-50%, -80%); 297 | } 298 | 299 | .button-container{ 300 | padding-top: 5rem; 301 | } 302 | 303 | .MuiDialogTitle-root { 304 | padding: 2rem !important; 305 | } 306 | 307 | .cityCountryError{ 308 | display: flex; 309 | width: 100%; 310 | justify-content: center; 311 | padding-top: 1.5rem; 312 | font-size: 1rem; 313 | font-weight: bold; 314 | color: red; 315 | } -------------------------------------------------------------------------------- /src/App.test.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { render } from '@testing-library/react'; 3 | import App from './App'; 4 | 5 | test('renders learn react link', () => { 6 | const { getByText } = render(); 7 | const linkElement = getByText(/learn react/i); 8 | expect(linkElement).toBeInTheDocument(); 9 | }); 10 | -------------------------------------------------------------------------------- /src/db.js: -------------------------------------------------------------------------------- 1 | import * as firebase from "firebase/app" 2 | import "firebase/storage" 3 | import "firebase/firestore" 4 | 5 | const firebaseConfig = { 6 | apiKey: "AIzaSyD0RKfqh2SLTkAD9KOB2RMQ8fwQ6jqmKw0", 7 | authDomain: "pairuptravel.firebaseapp.com", 8 | databaseURL: "https://pairuptravel.firebaseio.com", 9 | projectId: "pairuptravel", 10 | storageBucket: "pairuptravel.appspot.com", 11 | messagingSenderId: "985027205264", 12 | appId: "1:985027205264:web:84fe1d2ad020f5c978a015", 13 | measurementId: "G-L22N8SB53E" 14 | } 15 | firebase.initializeApp(firebaseConfig) 16 | const db = firebase.firestore(); 17 | 18 | async function queryPlans(searchTerm) { 19 | searchTerm = searchTerm.toLowerCase() 20 | const query = db.collection("travelplans") 21 | const r = await query.where("Search", "array-contains", searchTerm).get() 22 | const plans=[] 23 | for (var plan of r.docs) { 24 | plans.push({...plan.data(), id:plan.id}) 25 | } 26 | return plans 27 | } 28 | 29 | export { db, queryPlans } 30 | 31 | -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 5 | sans-serif; 6 | -webkit-font-smoothing: antialiased; 7 | -moz-osx-font-smoothing: grayscale; 8 | } 9 | 10 | code { 11 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', 12 | monospace; 13 | } 14 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import './index.css'; 4 | import App from './App'; 5 | import * as serviceWorker from './serviceWorker'; 6 | import 'bootstrap/dist/css/bootstrap.min.css'; 7 | 8 | ReactDOM.render(, document.getElementById('root')); 9 | 10 | // If you want your app to work offline and load faster, you can change 11 | // unregister() to register() below. Note this comes with some pitfalls. 12 | // Learn more about service workers: https://bit.ly/CRA-PWA 13 | serviceWorker.unregister(); 14 | -------------------------------------------------------------------------------- /src/logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/serviceWorker.js: -------------------------------------------------------------------------------- 1 | // This optional code is used to register a service worker. 2 | // register() is not called by default. 3 | 4 | // This lets the app load faster on subsequent visits in production, and gives 5 | // it offline capabilities. However, it also means that developers (and users) 6 | // will only see deployed updates on subsequent visits to a page, after all the 7 | // existing tabs open on the page have been closed, since previously cached 8 | // resources are updated in the background. 9 | 10 | // To learn more about the benefits of this model and instructions on how to 11 | // opt-in, read https://bit.ly/CRA-PWA 12 | 13 | const isLocalhost = Boolean( 14 | window.location.hostname === 'localhost' || 15 | // [::1] is the IPv6 localhost address. 16 | window.location.hostname === '[::1]' || 17 | // 127.0.0.0/8 are considered localhost for IPv4. 18 | window.location.hostname.match( 19 | /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/ 20 | ) 21 | ); 22 | 23 | export function register(config) { 24 | if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) { 25 | // The URL constructor is available in all browsers that support SW. 26 | const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href); 27 | if (publicUrl.origin !== window.location.origin) { 28 | // Our service worker won't work if PUBLIC_URL is on a different origin 29 | // from what our page is served on. This might happen if a CDN is used to 30 | // serve assets; see https://github.com/facebook/create-react-app/issues/2374 31 | return; 32 | } 33 | 34 | window.addEventListener('load', () => { 35 | const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`; 36 | 37 | if (isLocalhost) { 38 | // This is running on localhost. Let's check if a service worker still exists or not. 39 | checkValidServiceWorker(swUrl, config); 40 | 41 | // Add some additional logging to localhost, pointing developers to the 42 | // service worker/PWA documentation. 43 | navigator.serviceWorker.ready.then(() => { 44 | console.log( 45 | 'This web app is being served cache-first by a service ' + 46 | 'worker. To learn more, visit https://bit.ly/CRA-PWA' 47 | ); 48 | }); 49 | } else { 50 | // Is not localhost. Just register service worker 51 | registerValidSW(swUrl, config); 52 | } 53 | }); 54 | } 55 | } 56 | 57 | function registerValidSW(swUrl, config) { 58 | navigator.serviceWorker 59 | .register(swUrl) 60 | .then(registration => { 61 | registration.onupdatefound = () => { 62 | const installingWorker = registration.installing; 63 | if (installingWorker == null) { 64 | return; 65 | } 66 | installingWorker.onstatechange = () => { 67 | if (installingWorker.state === 'installed') { 68 | if (navigator.serviceWorker.controller) { 69 | // At this point, the updated precached content has been fetched, 70 | // but the previous service worker will still serve the older 71 | // content until all client tabs are closed. 72 | console.log( 73 | 'New content is available and will be used when all ' + 74 | 'tabs for this page are closed. See https://bit.ly/CRA-PWA.' 75 | ); 76 | 77 | // Execute callback 78 | if (config && config.onUpdate) { 79 | config.onUpdate(registration); 80 | } 81 | } else { 82 | // At this point, everything has been precached. 83 | // It's the perfect time to display a 84 | // "Content is cached for offline use." message. 85 | console.log('Content is cached for offline use.'); 86 | 87 | // Execute callback 88 | if (config && config.onSuccess) { 89 | config.onSuccess(registration); 90 | } 91 | } 92 | } 93 | }; 94 | }; 95 | }) 96 | .catch(error => { 97 | console.error('Error during service worker registration:', error); 98 | }); 99 | } 100 | 101 | function checkValidServiceWorker(swUrl, config) { 102 | // Check if the service worker can be found. If it can't reload the page. 103 | fetch(swUrl, { 104 | headers: { 'Service-Worker': 'script' } 105 | }) 106 | .then(response => { 107 | // Ensure service worker exists, and that we really are getting a JS file. 108 | const contentType = response.headers.get('content-type'); 109 | if ( 110 | response.status === 404 || 111 | (contentType != null && contentType.indexOf('javascript') === -1) 112 | ) { 113 | // No service worker found. Probably a different app. Reload the page. 114 | navigator.serviceWorker.ready.then(registration => { 115 | registration.unregister().then(() => { 116 | window.location.reload(); 117 | }); 118 | }); 119 | } else { 120 | // Service worker found. Proceed as normal. 121 | registerValidSW(swUrl, config); 122 | } 123 | }) 124 | .catch(() => { 125 | console.log( 126 | 'No internet connection found. App is running in offline mode.' 127 | ); 128 | }); 129 | } 130 | 131 | export function unregister() { 132 | if ('serviceWorker' in navigator) { 133 | navigator.serviceWorker.ready.then(registration => { 134 | registration.unregister(); 135 | }); 136 | } 137 | } 138 | -------------------------------------------------------------------------------- /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/extend-expect'; 6 | -------------------------------------------------------------------------------- /storage.rules: -------------------------------------------------------------------------------- 1 | service firebase.storage { 2 | match /b/{bucket}/o { 3 | match /{allPaths=**} { 4 | allow read, write: if request.auth!=null; 5 | } 6 | } 7 | } 8 | --------------------------------------------------------------------------------