├── favicons
├── favicon.ico
├── favicon-16x16.png
├── favicon-32x32.png
├── apple-touch-icon.png
├── android-chrome-192x192.png
├── android-chrome-512x512.png
└── site.webmanifest
├── LICENSE
├── css
├── contact.css
└── index.css
├── CONTRIBUTING_GUIDELINES.md
├── README.md
├── contact.html
├── CODE_OF_CONDUCT.md
├── index.js
└── index.html
/favicons/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Arman-ali-khan-786/calculator/HEAD/favicons/favicon.ico
--------------------------------------------------------------------------------
/favicons/favicon-16x16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Arman-ali-khan-786/calculator/HEAD/favicons/favicon-16x16.png
--------------------------------------------------------------------------------
/favicons/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Arman-ali-khan-786/calculator/HEAD/favicons/favicon-32x32.png
--------------------------------------------------------------------------------
/favicons/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Arman-ali-khan-786/calculator/HEAD/favicons/apple-touch-icon.png
--------------------------------------------------------------------------------
/favicons/android-chrome-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Arman-ali-khan-786/calculator/HEAD/favicons/android-chrome-192x192.png
--------------------------------------------------------------------------------
/favicons/android-chrome-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Arman-ali-khan-786/calculator/HEAD/favicons/android-chrome-512x512.png
--------------------------------------------------------------------------------
/favicons/site.webmanifest:
--------------------------------------------------------------------------------
1 | {"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2022 ARMAN ALI KHAN
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/css/contact.css:
--------------------------------------------------------------------------------
1 | .card {
2 | position: relative;
3 | text-align: center;
4 | background-color: whitesmoke;
5 | width: 45%;
6 | height: 55%;
7 | border: none;
8 | border-radius: 0.5rem;
9 | box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
10 | }
11 |
12 | .header-image {
13 | position: absolute;
14 | left: 0;
15 | right: 0;
16 | top: 5%;
17 | }
18 |
19 | .pic {
20 | width: 40%;
21 | border-radius: 100%;
22 | box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 60px;
23 |
24 | }
25 |
26 | .footer {
27 | position: absolute;
28 | width: 100%;
29 | margin: auto;
30 | bottom: 7%;
31 | }
32 |
33 | a {
34 | color: black;
35 | }
36 |
37 | a:hover {
38 | color: black;
39 | }
40 |
41 | .fa-brands {
42 | padding: 5% 3% 0%;
43 | }
44 |
45 | @media screen and (max-width: 600px) {
46 | .card {
47 | width: 90%;
48 | }
49 |
50 | .pic {
51 | width: 45%;
52 | }
53 | }
54 |
55 | @media screen and (max-width: 800px) and (min-width: 600px) {
56 | .card {
57 | width: 70%;
58 | }
59 |
60 | .pic {
61 | width: 45%;
62 | }
63 | }
64 |
65 | @media screen and (max-width: 1000px) and (min-width: 800px) {
66 | .card {
67 | width: 50%;
68 | }
69 |
70 | .pic {
71 | width: 55%;
72 | }
73 | }
--------------------------------------------------------------------------------
/CONTRIBUTING_GUIDELINES.md:
--------------------------------------------------------------------------------
1 | # Guidelines for making Contributions
2 |
3 | Welcome to the repository! This is a mobile-ui like calculator webapp. We really appreciate your contributions towards this project!
4 |
5 | This file contains a set of guidelines for everyone who wishes to contribute to this repository. Feel free to ask questions in case of any doubts and make sure you **read the whole
6 | guidelines**
7 |
8 | * Participants/contributors have to **comment** on issues they would like to work on, and mentors will assign you.
9 | * Issues will be assigned on a **first-come, first-serve basis.**
10 | * Participants/contributors can also **open their issues**, but it needs to be verified and labelled.
11 | * Before working on any issue, make sure it is assigned to you and don't work on issues already assigned to someone else.
12 | * Don't create already existing issues.
13 | * While making any UI changes, make sure to add screenshots in your Pull Request, showing the changes you've made.
14 | * Try to keep relevant file names and variable names and add relevant comments wherever necessary.
15 | * Pull requests will be merged after being **reviewed** by a mentor or PA.
16 |
17 | ## Steps to Contribute
18 |
19 |
20 |
21 | Following is a set of steps that will help you contribute to this repository, and it is appreciated if all the contributors follow the same!
22 |
23 | * **Star and Fork** the parent repository and then clone it to your local machine.
24 | * Add upstream link to main repository and **keep fetching changes** to avoid any merge conflicts.
25 | * Make sure you **create your feature branch** with name relevant to the changes you're making.
26 | * Commit your changes with a **relevant commit message**, breifly describing the changes you've made.
27 | * Finally push your changes and create a Pull Request!
28 |
29 | Happy Contributing !!!
30 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | ## WEB CALCULATOR
2 | A Beginner friendly project for Web Enthusiasts. This project performs mathematical computations for the users.
3 |
