diff --git a/.gitignore b/.gitignore deleted file mode 100644 index 13369af..0000000 --- a/.gitignore +++ /dev/null @@ -1,3 +0,0 @@ -info.json -css/ -images/ \ No newline at end of file diff --git a/css/body.css b/css/body.css new file mode 100644 index 0000000..6c463f2 --- /dev/null +++ b/css/body.css @@ -0,0 +1,14 @@ +img.github { + width: 10%; + height: 10%; + cursor: pointer; +} + +footer { + position: fixed; + left: 0; + bottom: 0; + font-size: 60%; + margin: 1.5%; + font-style: italic; +} \ No newline at end of file diff --git a/css/calculator.css b/css/calculator.css new file mode 100644 index 0000000..ba66432 --- /dev/null +++ b/css/calculator.css @@ -0,0 +1,84 @@ +.calculator { + margin-left: 5px; +} + +.display, +.blur-display { + color: white; + text-align: right; + margin-top: 30px; + margin-right: 30px; + font-size: 75px; + height: 90px; +} + +.blur-display { + height: 0; + padding: 0; + font-size: 15px; + margin-top: 30px; + margin-bottom: 0px; +} + +.operator, +.other-operator, +.integer div { + text-align: center; + vertical-align: middle; + font-weight: bold; + font-size: x-large; + line-height: 52px; + color: white; + width: 52px; + height: 52px; + border-radius: 50%; + margin: 10px; + float: left; +} + +.operator:hover, +.other-operator:hover, +.integer div:hover { + cursor: pointer; +} + +.operator { + float: none; + margin-left: 225px; + margin-bottom: 12px; + background-color: orange; +} + +.operator:hover { + background-color: rgb(255, 102, 0); +} + +.other-operator { + color: black; + background-color: grey; +} + +.other-operator:hover { + background-color: dimgray; +} + +.integer { + margin-right: 10px; +} + +.integer div { + display: inline; + margin-top: 1px; + background-color: slategray; +} + +.integer div:hover { + background-color: rgb(50, 70, 125); +} + +.integer .zero { + text-align: left; + text-indent: 25px; + border-radius: 40px; + width: 124px; +} \ No newline at end of file diff --git a/css/phone.css b/css/phone.css new file mode 100644 index 0000000..906978b --- /dev/null +++ b/css/phone.css @@ -0,0 +1,62 @@ +body { + font-family: Arial, Helvetica, sans-serif; +} + +.phone { + /* To align the element */ + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + margin: auto; + /* Set custom property of the element */ + background-color: black; + border: 5px solid grey; + border-radius: 35px; + width: 300px; + height: 510px; +} + +.camera, +.speaker { + position: relative; + height: 4px; +} + +.speaker { + background-color: rgb(50, 50, 50); + margin: 10px 130px auto; + border-radius: 20px; + width: 40px; +} + +.camera { + background-color: rgb(20, 20, 55); + margin: -4px 180px auto; + width: 5px; + height: 5px; + border-radius: 50%; +} + +.time { + color: white; + font-size: 8px; + text-indent: 30px; + letter-spacing: 1px; +} + +img { + position: relative; + height: 12px; + width: auto; + float: right; +} + +img.wifi { + margin: -12px 30px; +} + +img.battery { + margin: -12px 50px; +} \ No newline at end of file diff --git a/images/GitHub-Mark.png b/images/GitHub-Mark.png new file mode 100644 index 0000000..081af6c Binary files /dev/null and b/images/GitHub-Mark.png differ diff --git a/images/battery.png b/images/battery.png new file mode 100644 index 0000000..f32af47 Binary files /dev/null and b/images/battery.png differ diff --git a/images/wifi-icon.png b/images/wifi-icon.png new file mode 100644 index 0000000..4a49da1 Binary files /dev/null and b/images/wifi-icon.png differ diff --git a/info.json b/info.json new file mode 100644 index 0000000..bd0a094 --- /dev/null +++ b/info.json @@ -0,0 +1,6 @@ +{ + "author": "Ayush Gupta", + "version": "0.1-beta", + "username": "GuptaAyush19", + "github": "https://github.com//GuptaAyush19/calculator" +} \ No newline at end of file