├── scss ├── _permutations.scss ├── _mode.scss ├── _base.scss ├── _config.scss ├── _buttons.scss ├── _stats.scss ├── _science.scss ├── _math.scss ├── _stats-formulas.scss └── style.scss ├── img ├── logos │ ├── cover.png │ ├── default.png │ ├── profile.png │ └── info.txt └── favicons │ ├── favicon.ico │ ├── favicon-16x16.png │ └── favicon-32x32.png ├── js ├── app.js ├── mean.js ├── energy.js ├── density.js ├── speed.js ├── work.js ├── kinetic-energy.js ├── moles.js ├── potential-energy.js ├── acceleration.js ├── power.js ├── square.js ├── permutation.js ├── combination.js ├── poisson.js ├── binomial.js ├── rectangle.js ├── cubes.js ├── circle.js ├── sphere.js ├── rhombus.js ├── mode.js ├── cone.js ├── median.js ├── triangle.js ├── trapezoid.js ├── variance.js └── standard-dev.js ├── README.md ├── formulas.txt ├── square.html ├── mean.html ├── median.html ├── variance.html ├── energy.html ├── rectangle.html ├── density.html ├── kinetic-energy.html ├── mode.html ├── speed.html ├── work.html ├── standard-dev.html ├── permutation.html ├── combination.html ├── poisson.html ├── rhombus.html ├── power.html ├── moles.html ├── potential-energy.html ├── acceleration.html ├── circle.html ├── cubes.html ├── binomial.html ├── sphere.html ├── triangle.html ├── cone.html ├── trapezoid.html ├── index.html ├── math-formulas.html ├── science-formulas.html ├── statistics-formulas.html ├── css └── style.css └── shapes.html /scss/_permutations.scss: -------------------------------------------------------------------------------- 1 | .permutation-box { 2 | display: flex; 3 | align-items: center; 4 | } -------------------------------------------------------------------------------- /img/logos/cover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/neophyte-programmer/calculator-complex/HEAD/img/logos/cover.png -------------------------------------------------------------------------------- /img/logos/default.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/neophyte-programmer/calculator-complex/HEAD/img/logos/default.png -------------------------------------------------------------------------------- /img/logos/profile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/neophyte-programmer/calculator-complex/HEAD/img/logos/profile.png -------------------------------------------------------------------------------- /img/favicons/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/neophyte-programmer/calculator-complex/HEAD/img/favicons/favicon.ico -------------------------------------------------------------------------------- /img/favicons/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/neophyte-programmer/calculator-complex/HEAD/img/favicons/favicon-16x16.png -------------------------------------------------------------------------------- /img/favicons/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/neophyte-programmer/calculator-complex/HEAD/img/favicons/favicon-32x32.png -------------------------------------------------------------------------------- /js/app.js: -------------------------------------------------------------------------------- 1 | const day = new Date() 2 | const year = day.getFullYear() 3 | 4 | document.getElementById('copyright-year').innerHTML = year -------------------------------------------------------------------------------- /img/logos/info.txt: -------------------------------------------------------------------------------- 1 | 2 | font name: Heuristica-Regular 3 | Slogan Font: Snickles.ttf 4 | 5 | {"bg":"transparent","icon-gradient-0":"#E98E0D","icon-gradient-1":"#1536F1","font":"#000000","slogan":"#141414"} 6 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Calculator Complex 2 | A website that calculates the answer for formulas. It is currently still in progress and uncompleted. 3 | Any ideas are welcome 4 | 5 | Live Site URL: [Live Site](https://calculator-complex.netlify.app/) 6 | -------------------------------------------------------------------------------- /scss/_mode.scss: -------------------------------------------------------------------------------- 1 | .alert-bottom { 2 | display: flex; 3 | justify-content: space-between; 4 | align-items: center; 5 | 6 | button { 7 | margin-left: 1rem; 8 | } 9 | 10 | button:hover i { 11 | color: #fff; 12 | } 13 | } -------------------------------------------------------------------------------- /js/mean.js: -------------------------------------------------------------------------------- 1 | function mean() { 2 | sum = 0 3 | answer = 0 4 | nums = document.getElementById('nums').value.split(',') 5 | for (i = 0; i < nums.length; i++) { 6 | sum += parseInt(nums[i]) 7 | } 8 | 9 | answer = sum / nums.length 10 | 11 | document.getElementById('mean').innerHTML = answer.toFixed(5) 12 | } 13 | -------------------------------------------------------------------------------- /js/energy.js: -------------------------------------------------------------------------------- 1 | function getEnergy() { 2 | // extracting user input 3 | var massString = document.getElementById('mass').value 4 | 5 | // casting the input from string to integer 6 | var mass = Number(massString) 7 | var SPEED_OF_LIGHT = 3 * (10 ** 8) 8 | 9 | answer = mass * (SPEED_OF_LIGHT ** 2) 10 | 11 | document.getElementById("energy").innerHTML = answer.toFixed(3) + " J" 12 | } 13 | -------------------------------------------------------------------------------- /scss/_base.scss: -------------------------------------------------------------------------------- 1 | // Base Styling 2 | 3 | // Universal Selector 4 | * { 5 | margin: 0; 6 | padding: 0; 7 | box-sizing: border-box; 8 | } 9 | 10 | // HTML 11 | html { 12 | scroll-behavior: smooth; 13 | } 14 | 15 | // Body 16 | body { 17 | font-family: $primary-font; 18 | } 19 | 20 | // Links 21 | a { 22 | text-decoration: none; 23 | } 24 | 25 | // Lists 26 | li { 27 | list-style: none; 28 | } 29 | 30 | -------------------------------------------------------------------------------- /js/density.js: -------------------------------------------------------------------------------- 1 | function getDensity() { 2 | // extracting user input 3 | var massString = document.getElementById('mass').value 4 | var volumeString = document.getElementById('volume').value 5 | 6 | // casting the input from string to integer 7 | var mass = Number(massString) 8 | var volume = Number(volumeString) 9 | 10 | 11 | answer = mass / volume 12 | 13 | document.getElementById("density").innerHTML = answer.toFixed(5) + " kg/m3" 14 | } 15 | -------------------------------------------------------------------------------- /js/speed.js: -------------------------------------------------------------------------------- 1 | function getSpeed() { 2 | // extracting user input 3 | var timeString = document.getElementById('time').value 4 | var distanceString = document.getElementById('distance').value 5 | 6 | // casting the input from string to integer 7 | var time = Number(timeString) 8 | var distance = Number(distanceString) 9 | 10 | 11 | answer = distance / time 12 | 13 | document.getElementById("speed").innerHTML = answer.toFixed(5) + " m/s" 14 | } 15 | -------------------------------------------------------------------------------- /js/work.js: -------------------------------------------------------------------------------- 1 | function getWork() { 2 | // extracting user input 3 | var forceString = document.getElementById('force').value 4 | var distanceString = document.getElementById('distance').value 5 | 6 | // casting the input from string to integer 7 | var force = Number(forceString) 8 | var distance = Number(distanceString) 9 | 10 | 11 | answer = force * distance 12 | 13 | document.getElementById("work").innerHTML = answer.toFixed(5) + " J" 14 | } 15 | -------------------------------------------------------------------------------- /js/kinetic-energy.js: -------------------------------------------------------------------------------- 1 | function getKineticEnergy() { 2 | // extracting user input 3 | var massString = document.getElementById('mass').value 4 | var velocityString = document.getElementById('velocity').value 5 | 6 | // casting the input from string to integer 7 | var mass = Number(massString) 8 | var velocity = Number(velocityString) 9 | 10 | 11 | answer = 0.5 * mass * (velocity ** 2) 12 | document.getElementById("kinetic-energy").innerHTML = answer.toFixed(5) + " J" 13 | } 14 | -------------------------------------------------------------------------------- /js/moles.js: -------------------------------------------------------------------------------- 1 | function getMoles() { 2 | // extracting user input 3 | var MString = document.getElementById('M').value 4 | var mString = document.getElementById('m').value 5 | var nString = document.getElementById('n').value 6 | 7 | // casting the input from string to integer 8 | var M = Number(MString) 9 | var m = Number(mString) 10 | var n = Number(nString) 11 | 12 | 13 | answer = M / (m/n) 14 | 15 | document.getElementById("moles").innerHTML = answer.toFixed(5) + " mol" 16 | } 17 | -------------------------------------------------------------------------------- /js/potential-energy.js: -------------------------------------------------------------------------------- 1 | function getPotentialEnergy() { 2 | // extracting user input 3 | var mString = document.getElementById('m').value 4 | var gString = document.getElementById('g').value 5 | var hString = document.getElementById('h').value 6 | 7 | // casting the input from string to integer 8 | var m = Number(mString) 9 | var g = Number(gString) 10 | var h = Number(hString) 11 | 12 | 13 | answer = m * g * h 14 | 15 | document.getElementById("potential-energy").innerHTML = answer.toFixed(5) + " J" 16 | } 17 | -------------------------------------------------------------------------------- /js/acceleration.js: -------------------------------------------------------------------------------- 1 | function getAcceleration() { 2 | // extracting user input 3 | var vString = document.getElementById('finalVelocity').value 4 | var uString = document.getElementById('initialVelocity').value 5 | var tString = document.getElementById('time').value 6 | 7 | // casting the input from string to integer 8 | var v = Number(vString) 9 | var u = Number(uString) 10 | var t = Number(tString) 11 | 12 | 13 | answer = (v - u) / t 14 | 15 | document.getElementById("acceleration").innerHTML = answer.toFixed(5) + " m/s2" 16 | } 17 | -------------------------------------------------------------------------------- /js/power.js: -------------------------------------------------------------------------------- 1 | function getPower() { 2 | // extracting user input 3 | var forceString = document.getElementById('force').value 4 | var timeString = document.getElementById('time').value 5 | var displacementString = document.getElementById('displacement').value 6 | 7 | // casting the input from string to integer 8 | var force = Number(forceString) 9 | var time = Number(timeString) 10 | var displacement = Number(displacementString) 11 | 12 | 13 | answer = (force * displacement) / time 14 | 15 | document.getElementById("power").innerHTML = answer.toFixed(5) + " W" 16 | } 17 | -------------------------------------------------------------------------------- /scss/_config.scss: -------------------------------------------------------------------------------- 1 | // All Variables 2 | 3 | // Colors 4 | $primary-color: #3d6098; 5 | $primary-color-dark: #112352; 6 | $accent-color: #f04b4c; 7 | $bg-primary: #e7e7e7; 8 | $warning-color: #ffcc00; 9 | $warning-transparent: #ffcc006e; 10 | $danger-color: #df4759; 11 | $danger-transparent: #df47596e; 12 | $success-color: #42ba96; 13 | $success-transparent: #42ba966e; 14 | 15 | 16 | 17 | // Dimensions 18 | 19 | 20 | // Fonts 21 | @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500&display=swap'); 22 | 23 | $primary-font : 'Open Sans', sans-serif; 24 | -------------------------------------------------------------------------------- /scss/_buttons.scss: -------------------------------------------------------------------------------- 1 | %btn { 2 | display: inline-block; 3 | border-radius: 5px; 4 | padding: 8px 20px; 5 | margin: 3px; 6 | transition: all 0.3s ease; 7 | 8 | &:hover { 9 | transform: scale(.98); 10 | color: #fff; 11 | } 12 | } 13 | 14 | //.btn-primary { 15 | // @extend %btn; 16 | // background-color: $primary-color; 17 | //} 18 | 19 | .btn-primary-dark { 20 | @extend %btn; 21 | } 22 | 23 | .btn-accent { 24 | @extend %btn; 25 | background-color: $accent-color 26 | } 27 | 28 | .btn-success { 29 | @extend %btn; 30 | } 31 | 32 | .btn-danger { 33 | @extend %btn; 34 | } 35 | 36 | .btn-warning { 37 | @extend %btn; 38 | } 39 | 40 | -------------------------------------------------------------------------------- /js/square.js: -------------------------------------------------------------------------------- 1 | function getPerimeter() { 2 | // extracting user input 3 | const lengthString = document.getElementById('length').value 4 | 5 | // casting the input from string to integer 6 | const l = Number(lengthString) 7 | 8 | 9 | answer = l * 4 10 | 11 | document.getElementById("square").innerHTML = answer.toFixed(2) + " units" 12 | } 13 | 14 | function getArea() { 15 | // extracting user input 16 | const lengthString = document.getElementById('length').value 17 | 18 | // casting the input from string to integer 19 | const l = Number(lengthString) 20 | 21 | 22 | answer = l ** 2 23 | 24 | document.getElementById("square").innerHTML = answer.toFixed(2) + " units2" 25 | } 26 | -------------------------------------------------------------------------------- /js/permutation.js: -------------------------------------------------------------------------------- 1 | function getPermutation() { 2 | // extracting user input 3 | var nString = document.getElementById('n').value 4 | var rString = document.getElementById('r').value 5 | 6 | // casting the input from string to integer 7 | var n = Number(nString) 8 | var r = Number(rString) 9 | 10 | // function to factorial 11 | function factorialize(num) { 12 | if (num === 0 || num === 1) return 1 13 | for (var i = num - 1; i >= 1; i--) { 14 | num *= i 15 | } 16 | return num 17 | } 18 | 19 | var nominator = factorialize(n) 20 | var denominator = factorialize(n - r) 21 | 22 | answer = nominator / denominator 23 | 24 | document.getElementById("permutation").innerHTML = answer.toFixed(5) 25 | } 26 | -------------------------------------------------------------------------------- /js/combination.js: -------------------------------------------------------------------------------- 1 | function getCombination() { 2 | // extracting user input 3 | var nString = document.getElementById('n').value 4 | var rString = document.getElementById('r').value 5 | 6 | // casting the input from string to integer 7 | var n = Number(nString) 8 | var r = Number(rString) 9 | 10 | // function to factorial 11 | function factorialize(num) { 12 | if (num === 0 || num === 1) return 1 13 | for (var i = num - 1; i >= 1; i--) { 14 | num *= i 15 | } 16 | return num 17 | } 18 | 19 | var nominator = factorialize(n) 20 | var denominator = factorialize(r) * factorialize(n - r) 21 | 22 | answer = nominator / denominator 23 | 24 | document.getElementById("combination").innerHTML = answer.toFixed(5) 25 | } 26 | -------------------------------------------------------------------------------- /js/poisson.js: -------------------------------------------------------------------------------- 1 | function getPoisson() { 2 | // extracting user input 3 | var meanString = document.getElementById('mean').value 4 | var xString = document.getElementById('x').value 5 | 6 | // casting the input from string to integer 7 | var mean = Number(meanString) 8 | var x = Number(xString) 9 | 10 | // function to factorialize 11 | function factorialize(num) { 12 | if (num === 0 || num === 1) return 1 13 | for (var i = num - 1; i >= 1; i--) { 14 | num *= i 15 | } 16 | return num 17 | } 18 | 19 | var nominator = Math.exp(-(mean)) * (mean ** x ) 20 | var denominator = factorialize(x) 21 | 22 | answer = nominator / denominator 23 | 24 | console.log(answer) 25 | 26 | document.getElementById("poisson").innerHTML = answer.toFixed(5) 27 | } 28 | -------------------------------------------------------------------------------- /js/binomial.js: -------------------------------------------------------------------------------- 1 | function getBinomial() { 2 | // extracting user input 3 | var nString = document.getElementById('n').value 4 | var xString = document.getElementById('x').value 5 | var pString = document.getElementById('p').value 6 | 7 | // casting the input from string to integer 8 | var n = Number(nString) 9 | var x = Number(xString) 10 | var p = Number(pString) 11 | var q = 1 - p 12 | 13 | // function to factorialize 14 | function factorialize(num) { 15 | if (num === 0 || num === 1) return 1 16 | for (var i = num - 1; i >= 1; i--) { 17 | num *= i 18 | } 19 | return num 20 | } 21 | 22 | combination = factorialize(n) / (factorialize(n - x) * factorialize(x)) 23 | 24 | answer = combination * (p ** x) * (q ** (n - x)) 25 | 26 | // console.log(combination) 27 | 28 | document.getElementById('binomial').innerHTML = answer.toFixed(5) 29 | } 30 | -------------------------------------------------------------------------------- /js/rectangle.js: -------------------------------------------------------------------------------- 1 | function getPerimeter() { 2 | // extracting user input 3 | const lengthString = document.getElementById('length').value 4 | const widthString = document.getElementById('width').value 5 | 6 | // casting the input from string to integer 7 | const l = Number(lengthString) 8 | const w = Number(widthString) 9 | 10 | 11 | answer = 2 * (l + w) 12 | 13 | document.getElementById("rectangle").innerHTML = answer.toFixed(2) + " units" 14 | } 15 | 16 | function getArea() { 17 | // extracting user input 18 | const lengthString = document.getElementById('length').value 19 | const widthString = document.getElementById('width').value 20 | 21 | // casting the input from string to integer 22 | const l = Number(lengthString) 23 | const w = Number(widthString) 24 | 25 | 26 | answer = l * w 27 | 28 | document.getElementById("rectangle").innerHTML = answer.toFixed(2) + " units2" 29 | } 30 | -------------------------------------------------------------------------------- /js/cubes.js: -------------------------------------------------------------------------------- 1 | function getTSA() { 2 | // extracting user input 3 | const aString = document.getElementById('a').value 4 | 5 | // casting the input from string to integer 6 | const a = Number(aString) 7 | 8 | answer = 6 * (a ** 2) 9 | 10 | // making the perimeter = 0 if any of the values are <= 0 11 | if (a <= 0 ) { 12 | answer = 0 13 | alert('Enter a number above 0 to get a valid total surface area') 14 | } 15 | 16 | document.getElementById('cubes').innerHTML = answer.toFixed(2) + ' units' 17 | } 18 | 19 | function getVolume() { 20 | // extracting user input 21 | const aString = document.getElementById('a').value 22 | 23 | // casting the input from string to integer 24 | const a = Number(aString) 25 | 26 | answer = a ** 3 27 | 28 | if (a <= 0) { 29 | answer = 0 30 | alert('Enter a number above 0 to get a valid volume') 31 | } 32 | 33 | document.getElementById('cubes').innerHTML = 34 | answer.toFixed(2) + ' units2' 35 | } 36 | -------------------------------------------------------------------------------- /js/circle.js: -------------------------------------------------------------------------------- 1 | function getCircumference() { 2 | // extracting user input 3 | const rString = document.getElementById('r').value 4 | 5 | // casting the input from string to integer 6 | const r = Number(rString) 7 | 8 | answer = 2 * r * Math.PI 9 | 10 | // making the perimeter = 0 if any of the values are <= 0 11 | if (r <= 0 ) { 12 | answer = 0 13 | alert('Enter a number above 0 to get a valid circumference') 14 | } 15 | 16 | document.getElementById('circle').innerHTML = 17 | answer.toFixed(2) + ' units' 18 | } 19 | 20 | function getArea() { 21 | // extracting user input 22 | const rString = document.getElementById('r').value 23 | 24 | // casting the input from string to integer 25 | const r = Number(rString) 26 | 27 | answer = Math.PI * (r ** 2) 28 | 29 | if (r <= 0 ) { 30 | answer = 0 31 | alert('Enter a number above 0 to get a valid area') 32 | } 33 | 34 | document.getElementById('circle').innerHTML = 35 | answer.toFixed(2) + ' units2' 36 | } 37 | -------------------------------------------------------------------------------- /js/sphere.js: -------------------------------------------------------------------------------- 1 | function getTSA() { 2 | // extracting user input 3 | const rString = document.getElementById('r').value 4 | 5 | // casting the input from string to integer 6 | const r = Number(rString) 7 | 8 | answer = 4 * Math.PI * (r ** 2) 9 | 10 | // making the perimeter = 0 if any of the values are <= 0 11 | if (r <= 0 ) { 12 | answer = 0 13 | alert('Enter a number above 0 to get a valid total surface area') 14 | } 15 | 16 | document.getElementById('sphere').innerHTML = answer.toFixed(2) + ' units' 17 | } 18 | 19 | function getVolume() { 20 | // extracting user input 21 | const rString = document.getElementById('r').value 22 | 23 | // casting the input from string to integer 24 | const r = Number(rString) 25 | 26 | answer = (4 / 3) * Math.PI * (r ** 3) 27 | 28 | if (r <= 0) { 29 | answer = 0 30 | alert('Enter a number above 0 to get a valid volume') 31 | } 32 | 33 | document.getElementById('sphere').innerHTML = 34 | answer.toFixed(2) + ' units2' 35 | } 36 | -------------------------------------------------------------------------------- /scss/_stats.scss: -------------------------------------------------------------------------------- 1 | .mean { 2 | .account-block { 3 | padding: 0; 4 | background-image: url(https://c8.alamy.com/comp/M1N652/blackboard-with-maths-statistics-equations-and-ideas-M1N652.jpg); 5 | background-repeat: no-repeat; 6 | background-size: cover; 7 | height: 100%; 8 | position: relative; 9 | 10 | .overlay { 11 | -webkit-box-flex: 1; 12 | -ms-flex: 1; 13 | flex: 1; 14 | position: absolute; 15 | top: 0; 16 | bottom: 0; 17 | left: 0; 18 | right: 0; 19 | background-color: rgba(0, 0, 0, 0.4); 20 | } 21 | 22 | .account-testimonial { 23 | text-align: center; 24 | color: #fff; 25 | position: absolute; 26 | margin: 0 auto; 27 | padding: 0 1.75rem; 28 | bottom: 3rem; 29 | left: 0; 30 | right: 0; 31 | } 32 | } 33 | 34 | 35 | } -------------------------------------------------------------------------------- /scss/_science.scss: -------------------------------------------------------------------------------- 1 | .science { 2 | .account-block { 3 | padding: 0; 4 | background-image: url(https://images.ctfassets.net/cnu0m8re1exe/3FFIAa8yNOW8PhFHDn4SMj/ac0487c3d5798168a572105a67085ae1/shutterstock_582084685.png?fm=jpg&fl=progressive&w=660&h=433&fit=fill); 5 | background-repeat: no-repeat; 6 | background-size: cover; 7 | height: 100%; 8 | position: relative; 9 | 10 | .overlay { 11 | -webkit-box-flex: 1; 12 | -ms-flex: 1; 13 | flex: 1; 14 | position: absolute; 15 | top: 0; 16 | bottom: 0; 17 | left: 0; 18 | right: 0; 19 | background-color: rgba(0, 0, 0, 0.4); 20 | } 21 | 22 | .account-testimonial { 23 | text-align: center; 24 | color: #fff; 25 | position: absolute; 26 | margin: 0 auto; 27 | padding: 0 1.75rem; 28 | bottom: 3rem; 29 | left: 0; 30 | right: 0; 31 | } 32 | } 33 | 34 | 35 | } -------------------------------------------------------------------------------- /scss/_math.scss: -------------------------------------------------------------------------------- 1 | .maths { 2 | .account-block { 3 | padding: 0; 4 | background-image: url(https://media.istockphoto.com/vectors/math-equations-written-on-a-blackboard-vector-id1219382595?k=20&m=1219382595&s=612x612&w=0&h=c6Sl7WmSHRzGBN7ZQmClLIhcv55vjStOPKc-GrpBseU=); 5 | background-repeat: no-repeat; 6 | background-size: cover; 7 | height: 100%; 8 | position: relative; 9 | 10 | .overlay { 11 | -webkit-box-flex: 1; 12 | -ms-flex: 1; 13 | flex: 1; 14 | position: absolute; 15 | top: 0; 16 | bottom: 0; 17 | left: 0; 18 | right: 0; 19 | background-color: rgba(0, 0, 0, 0.4); 20 | } 21 | 22 | .account-testimonial { 23 | text-align: center; 24 | color: #fff; 25 | position: absolute; 26 | margin: 0 auto; 27 | padding: 0 1.75rem; 28 | bottom: 3rem; 29 | left: 0; 30 | right: 0; 31 | } 32 | } 33 | 34 | 35 | } -------------------------------------------------------------------------------- /formulas.txt: -------------------------------------------------------------------------------- 1 | STATS 2 | 1. Mean 3 | 2. Median 4 | 3. Mode 5 | 4. Variance 6 | 5. Standard Deviation 7 | 6. Permutations 8 | 7. Combinations 9 | 8. Poisson Probability Distribution 10 | 9. Binomial Probability Distribution 11 | 12 | SCIENCE 13 | 1. Work 14 | 2. Power 15 | 3. Potential Energy 16 | 4. Kinetic Energy 17 | 5. Density 18 | 6. Energy 19 | 7. Moles 20 | 8. Speed 21 | 9. Acceleration 22 | 23 | MATHS 24 | 1. Shapes 25 | - Square 26 | - Rectangle 27 | - Triangle 28 | - Rhombus 29 | - Trapezoid 30 | - Circle 31 | - Cone 32 | - Sphere 33 | - Cube 34 | - Cuboid 35 | - Regular prism 36 | - Cylinder 37 | 2. Difference of 2 squares 38 | 3. Perfect Square Trinomial 39 | 4. Exponents 40 | - Product 41 | - Quotient 42 | - Power of Power 43 | - Negative Exponents 44 | - Fractional Exponents 45 | 5. Geometry 46 | - Pythagorean Theorem 47 | - Sum of interior angles of a polygon 48 | - Distance between two points 49 | - Midpoints 50 | 6. Business Maths 51 | - Simple Interest 52 | - Compound Interest 53 | 54 | 55 | 56 | -------------------------------------------------------------------------------- /js/rhombus.js: -------------------------------------------------------------------------------- 1 | function getPerimeter() { 2 | // extracting user input 3 | const sString = document.getElementById('s').value 4 | 5 | // casting the input from string to integer 6 | const s = Number(sString) 7 | 8 | 9 | answer = s * 4 10 | 11 | // making the perimeter = 0 if any of the values are <= 0 12 | if (s <= 0 ) { 13 | answer = 0 14 | alert("Enter a number above 0 to get a valid perimeter") 15 | } 16 | 17 | document.getElementById("rhombus").innerHTML = answer.toFixed(2) + " units" 18 | } 19 | 20 | function getArea() { 21 | // extracting user input 22 | const pString = document.getElementById('p').value 23 | const qString = document.getElementById('q').value 24 | 25 | // casting the input from string to integer 26 | const p = Number(pString) 27 | const q = Number(qString) 28 | 29 | 30 | answer = (p * q) / 2 31 | 32 | 33 | 34 | if (p <= 0 || q <= 0 ) { 35 | answer = 0 36 | alert("Enter a number above 0 to get a valid area") 37 | } 38 | 39 | document.getElementById("rhombus").innerHTML = answer.toFixed(2) + " units2" 40 | } 41 | -------------------------------------------------------------------------------- /js/mode.js: -------------------------------------------------------------------------------- 1 | function getMode() { 2 | //store user input 3 | var dataSet = [] 4 | 5 | // extracting user input 6 | var nums = document.getElementById('nums').value.split(',') 7 | 8 | dataSet.push(nums) 9 | 10 | val = '' 11 | 12 | // appending new numbers 13 | for (i = 0; i < dataSet.length; i++) { 14 | val += dataSet[i] 15 | } 16 | 17 | const dataString = dataSet[0] 18 | // console.log(dataString) 19 | 20 | // changing from string to numbers 21 | var dataNumber = dataString.map((i) => Number(i)) 22 | console.log(dataNumber) 23 | 24 | // arranging in ascending order 25 | dataNumber = dataNumber.sort(function (a, b) { 26 | return a - b 27 | }) 28 | 29 | 30 | var frequency = {} // array to store the frequency 31 | var max = 0 32 | 33 | for (var i in dataNumber) { 34 | frequency[dataNumber[i]] = (frequency[dataNumber[i]] || 0) + 1 35 | 36 | if (frequency[dataNumber[i]] > max) { 37 | max = frequency[dataNumber[i]] 38 | answer = dataNumber[i] 39 | } 40 | } 41 | 42 | 43 | 44 | 45 | 46 | document.getElementById("mode").innerHTML = answer 47 | 48 | } 49 | -------------------------------------------------------------------------------- /js/cone.js: -------------------------------------------------------------------------------- 1 | function getTSA() { 2 | // extracting user input 3 | const rString = document.getElementById('r').value 4 | const lString = document.getElementById('l').value 5 | 6 | // casting the input from string to integer 7 | const r = Number(rString) 8 | const l = Number(lString) 9 | 10 | answer = Math.PI * r * l 11 | 12 | // making the perimeter = 0 if any of the values are <= 0 13 | if (r <= 0 || l <= 0) { 14 | answer = 0 15 | alert('Enter a number above 0 to get a valid Total Surface') 16 | } 17 | 18 | document.getElementById('cone').innerHTML = answer.toFixed(2) + ' units' 19 | } 20 | 21 | function getVolume() { 22 | // extracting user input 23 | const rString = document.getElementById('r').value 24 | const hString = document.getElementById('h').value 25 | 26 | // casting the input from string to integer 27 | const r = Number(rString) 28 | const h = Number(hString) 29 | 30 | answer = Math.PI * (r ** 2) * (h / 3) 31 | 32 | if (r <= 0 || h <= 0) { 33 | answer = 0 34 | alert('Enter a number above 0 to get a valid volume') 35 | } 36 | 37 | document.getElementById('cone').innerHTML = 38 | answer.toFixed(2) + ' units2' 39 | } 40 | -------------------------------------------------------------------------------- /js/median.js: -------------------------------------------------------------------------------- 1 | function median() { 2 | //store user input 3 | var dataSet = [] 4 | 5 | // extracting user input 6 | var nums = document.getElementById('nums').value.split(',') 7 | 8 | dataSet.push(nums) 9 | 10 | val = '' 11 | 12 | // appending new numbers 13 | for (i = 0; i < dataSet.length; i++) { 14 | val += dataSet[i] 15 | } 16 | 17 | const dataString = dataSet[0] 18 | // console.log(dataString) 19 | 20 | // changing from string to numbers 21 | var dataNumber = dataString.map((i) => Number(i)) 22 | console.log(dataNumber) 23 | 24 | // arranging in ascending order 25 | dataNumber = dataNumber.sort(function (a, b) { 26 | return a - b 27 | }) 28 | 29 | var answer = 0 30 | 31 | if (dataNumber.length % 2 == 1) { 32 | // length is odd 33 | console.log(dataNumber[dataNumber.length / 2 - 0.5]) 34 | answer = dataNumber[dataNumber.length / 2 - 0.5] 35 | } else { 36 | console.log( 37 | (dataNumber[dataNumber.length / 2] + 38 | dataNumber[dataNumber.length / 2 - 1]) / 2 39 | 40 | ) 41 | 42 | answer = (dataNumber[dataNumber.length / 2] + dataNumber[dataNumber.length / 2 - 1]) / 2 43 | } 44 | 45 | document.getElementById("median").innerHTML = answer 46 | } 47 | -------------------------------------------------------------------------------- /js/triangle.js: -------------------------------------------------------------------------------- 1 | function getPerimeter() { 2 | // extracting user input 3 | const sOneString = document.getElementById('s-one').value 4 | const sTwoString = document.getElementById('s-two').value 5 | const baseString = document.getElementById('base').value 6 | 7 | // casting the input from string to integer 8 | const sOne = Number(sOneString) 9 | const sTwo = Number(sTwoString) 10 | const base = Number(baseString) 11 | 12 | 13 | answer = sOne + sTwo + base 14 | 15 | // making the perimeter = 0 if any of the values are <= 0 16 | if (sOne <= 0 || sTwo <= 0 || base <= 0) { 17 | answer = 0 18 | alert("Enter a number above 0 to get a valid perimeter") 19 | } 20 | 21 | document.getElementById("triangle").innerHTML = answer.toFixed(2) + " units" 22 | } 23 | 24 | function getArea() { 25 | // extracting user input 26 | const baseString = document.getElementById('base').value 27 | const heightString = document.getElementById('height').value 28 | 29 | // casting the input from string to integer 30 | const b = Number(baseString) 31 | const h = Number(heightString) 32 | 33 | 34 | answer = 0.5 * b * h 35 | 36 | if (b <= 0 || h <= 0) { 37 | answer = 0 38 | alert("Enter a number above 0 to get a valid area") 39 | } 40 | 41 | document.getElementById("triangle").innerHTML = answer.toFixed(2) + " units2" 42 | } 43 | -------------------------------------------------------------------------------- /js/trapezoid.js: -------------------------------------------------------------------------------- 1 | function getPerimeter() { 2 | // extracting user input 3 | const aString = document.getElementById('a').value 4 | const bString = document.getElementById('b').value 5 | const cString = document.getElementById('c').value 6 | const dString = document.getElementById('d').value 7 | 8 | // casting the input from string to integer 9 | const a = Number(aString) 10 | const b = Number(bString) 11 | const c = Number(cString) 12 | const d = Number(dString) 13 | 14 | answer = a + b + c + d 15 | 16 | // making the perimeter = 0 if any of the values are <= 0 17 | if (a <= 0 || b <= 0 || c <= 0 || d <= 0) { 18 | answer = 0 19 | alert('Enter a number above 0 to get a valid perimeter') 20 | } 21 | 22 | document.getElementById('trapezoid').innerHTML = 23 | answer.toFixed(2) + ' units' 24 | } 25 | 26 | function getArea() { 27 | // extracting user input 28 | const aString = document.getElementById('a').value 29 | const bString = document.getElementById('b').value 30 | const hString = document.getElementById('h').value 31 | 32 | // casting the input from string to integer 33 | const a = Number(aString) 34 | const b = Number(bString) 35 | const h = Number(hString) 36 | 37 | answer = ((a + b) / 2) * h 38 | 39 | if (a <= 0 || b <= 0 || h <= 0) { 40 | answer = 0 41 | alert('Enter a number above 0 to get a valid area') 42 | } 43 | 44 | document.getElementById('trapezoid').innerHTML = 45 | answer.toFixed(2) + ' units2' 46 | } 47 | -------------------------------------------------------------------------------- /js/variance.js: -------------------------------------------------------------------------------- 1 | function getVariance() { 2 | //store user input 3 | var dataSet = [] 4 | 5 | // extracting user input 6 | var nums = document.getElementById('nums').value.split(',') 7 | 8 | dataSet.push(nums) 9 | 10 | val = '' 11 | 12 | // appending new numbers 13 | for (i = 0; i < dataSet.length; i++) { 14 | val += dataSet[i] 15 | } 16 | 17 | const dataString = dataSet[0] 18 | // console.log(dataString) 19 | 20 | // changing from string to numbers 21 | var dataNumber = dataString.map((i) => Number(i)) 22 | console.log(dataNumber) 23 | 24 | // arranging in ascending order 25 | dataNumber = dataNumber.sort(function (a, b) { 26 | return a - b 27 | }) 28 | 29 | // neccessary variables 30 | 31 | var sum = 0 32 | var mean = 0 33 | var n = dataNumber.length 34 | 35 | 36 | // mean 37 | for (j = 0; j < n; j++){ 38 | sum += dataNumber[j] 39 | } 40 | 41 | mean = sum / n 42 | 43 | // difference between value and mean squared 44 | function getSquaredDifference(dataNumber) { 45 | squaredDifference = [] 46 | 47 | for (k = 0; k < n; k++){ 48 | squaredDifference.push(Math.pow((dataNumber[k] - mean),2)) 49 | } 50 | 51 | return squaredDifference 52 | } 53 | 54 | 55 | var squaredSet = getSquaredDifference(dataNumber) 56 | 57 | // sum of squared difference (nominator ) 58 | function getSquaredSum(squaredSet) { 59 | squaredSum = 0 60 | 61 | for (a = 0; a < n; a++){ 62 | squaredSum += squaredSet[a] 63 | } 64 | 65 | return squaredSum 66 | } 67 | 68 | var nominator = getSquaredSum(squaredSet) 69 | 70 | 71 | 72 | variance = nominator / (n-1) 73 | 74 | console.log(mean) 75 | console.log(nominator) 76 | 77 | document.getElementById("variance").innerHTML = variance 78 | 79 | } 80 | -------------------------------------------------------------------------------- /js/standard-dev.js: -------------------------------------------------------------------------------- 1 | function getStandardDev() { 2 | //store user input 3 | var dataSet = [] 4 | 5 | // extracting user input 6 | var nums = document.getElementById('nums').value.split(',') 7 | 8 | dataSet.push(nums) 9 | 10 | val = '' 11 | 12 | // appending new numbers 13 | for (i = 0; i < dataSet.length; i++) { 14 | val += dataSet[i] 15 | } 16 | 17 | const dataString = dataSet[0] 18 | // console.log(dataString) 19 | 20 | // changing from string to numbers 21 | var dataNumber = dataString.map((i) => Number(i)) 22 | console.log(dataNumber) 23 | 24 | // arranging in ascending order 25 | dataNumber = dataNumber.sort(function (a, b) { 26 | return a - b 27 | }) 28 | 29 | // neccessary variables 30 | 31 | var sum = 0 32 | var mean = 0 33 | var n = dataNumber.length 34 | 35 | 36 | // mean 37 | for (j = 0; j < n; j++){ 38 | sum += dataNumber[j] 39 | } 40 | 41 | mean = sum / n 42 | 43 | // difference between value and mean squared 44 | function getSquaredDifference(dataNumber) { 45 | squaredDifference = [] 46 | 47 | for (k = 0; k < n; k++){ 48 | squaredDifference.push(Math.pow((dataNumber[k] - mean),2)) 49 | } 50 | 51 | return squaredDifference 52 | } 53 | 54 | 55 | var squaredSet = getSquaredDifference(dataNumber) 56 | 57 | // sum of squared difference (nominator ) 58 | function getSquaredSum(squaredSet) { 59 | squaredSum = 0 60 | 61 | for (a = 0; a < n; a++){ 62 | squaredSum += squaredSet[a] 63 | } 64 | 65 | return squaredSum 66 | } 67 | 68 | var nominator = getSquaredSum(squaredSet) 69 | 70 | 71 | 72 | variance = nominator / (n-1) 73 | 74 | standardDev = Math.sqrt(variance) 75 | 76 | document.getElementById("standard-dev").innerHTML = standardDev.toFixed(5) 77 | 78 | } 79 | -------------------------------------------------------------------------------- /square.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Square | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | Back To Shapes 22 |
23 | 24 | 25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |

Square

35 |
36 | 37 |
Calculate
38 |

39 | Enter the value for l (length) 41 |

42 | 43 |
44 | 45 | 47 |
48 | 49 | 50 | 51 | 52 | 53 |

The answer is:

54 |

55 | 56 | 57 | 58 |
59 |
60 | 61 |
62 | 66 |
67 |
68 | 69 |
70 |
71 | 72 | 73 | 74 |
75 |
76 |
77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | -------------------------------------------------------------------------------- /mean.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Mean | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | Back To Formulas 22 |
23 | 24 | 25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |

Mean

35 |
36 | 37 |
Calculate
38 |

Enter the data set separated by commas(,) and click 39 | the button to 40 | get your mean. For example: 2,4,6,8 41 |

42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 |

The mean is:

50 |

51 | 52 |
53 |
54 | 55 |
56 | 65 |
66 |
67 | 68 |
69 |
70 | 71 | 72 | 73 |
74 |
75 |
76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | -------------------------------------------------------------------------------- /median.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Median | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | Back To Formulas 22 |
23 | 24 | 25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |

Median

35 |
36 | 37 |
Calculate
38 |

Enter the data set separated by commas(,) and click 39 | the button to 40 | get your median. For example: 2,4,6,8 41 |

42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 |

The median is:

50 |

51 | 52 | 53 | 54 |
55 |
56 | 57 |
58 | 68 |
69 |
70 | 71 |
72 |
73 | 74 | 75 | 76 |
77 |
78 |
79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | -------------------------------------------------------------------------------- /variance.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Variance | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | Back To Formulas 22 |
23 | 24 | 25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |

Variance

35 |
36 | 37 |
Calculate
38 |

Enter the data set separated by commas(,) and click 39 | the button to 40 | get your variance. For example: 2,4,6,8 41 |

42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 |

The variance is:

50 |

51 | 52 | 53 | 54 |
55 |
56 | 57 |
58 | 68 |
69 |
70 | 71 |
72 |
73 | 74 | 75 | 76 |
77 |
78 |
79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | -------------------------------------------------------------------------------- /energy.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Energy | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | Back To Formulas 22 |
23 | 24 | 25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |

Energy

35 |
36 | 37 |
Calculate
38 |

39 | Enter the value for m (mass) 41 |

42 | 43 |
44 | 45 | 47 |
48 | 49 | 50 | 51 | 52 |

The answer is:

53 |

54 | 55 | 56 | 57 |
58 |
59 | 60 |
61 | 71 |
72 |
73 | 74 |
75 |
76 | 77 | 78 | 79 |
80 |
81 |
82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | -------------------------------------------------------------------------------- /rectangle.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Rectangle | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | Back To Shapes 22 |
23 | 24 | 25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |

Rectangle

35 |
36 | 37 |
Calculate
38 |

39 | Enter the value for l (length) and 41 | w (width) 43 |

44 | 45 |
46 | 47 | 49 |
50 | 51 |
52 | 53 | 55 |
56 | 57 | 58 | 59 | 60 | 61 |

The answer is:

62 |

63 | 64 | 65 | 66 |
67 |
68 | 69 |
70 | 74 |
75 |
76 | 77 |
78 |
79 | 80 | 81 | 82 |
83 |
84 |
85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | -------------------------------------------------------------------------------- /scss/_stats-formulas.scss: -------------------------------------------------------------------------------- 1 | .formulas { 2 | min-height: 100vh; 3 | margin-top: 20px; 4 | 5 | .card-margin { 6 | margin-bottom: 1.875rem; 7 | } 8 | 9 | .card { 10 | border: 0; 11 | box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1); 12 | -webkit-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1); 13 | -moz-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1); 14 | -ms-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1); 15 | } 16 | 17 | .card { 18 | position: relative; 19 | display: flex; 20 | flex-direction: column; 21 | min-width: 0; 22 | word-wrap: break-word; 23 | background-color: #ffffff; 24 | background-clip: border-box; 25 | border: 1px solid #e6e4e9; 26 | border-radius: 8px; 27 | 28 | &-header.no-border { 29 | border: 0; 30 | } 31 | 32 | &-header { 33 | background: none; 34 | padding: 0 0.9375rem; 35 | font-weight: 500; 36 | display: flex; 37 | align-items: center; 38 | min-height: 50px; 39 | } 40 | 41 | &-header:first-child { 42 | border-radius: calc(8px - 1px) calc(8px - 1px) 0 0; 43 | } 44 | 45 | .resource { 46 | &-title-wrapper { 47 | display: flex; 48 | align-items: center; 49 | 50 | .resource-primary { 51 | display: flex; 52 | align-items: center; 53 | justify-content: center; 54 | flex-direction: column; 55 | background-color: #edf1fc; 56 | width: 4rem; 57 | height: 4rem; 58 | border-radius: 50%; 59 | 60 | .resource-number { 61 | color: #4e73e5; 62 | font-weight: 500; 63 | font-size: 2rem; 64 | line-height: 1; 65 | } 66 | } 67 | 68 | .resource-success { 69 | display: flex; 70 | align-items: center; 71 | justify-content: center; 72 | flex-direction: column; 73 | background-color: #e8faf8; 74 | width: 4rem; 75 | height: 4rem; 76 | border-radius: 50%; 77 | 78 | .resource-number { 79 | color: $success-color; 80 | font-weight: 500; 81 | font-size: 2rem; 82 | line-height: 1; 83 | } 84 | } 85 | 86 | .resource-warning { 87 | display: flex; 88 | align-items: center; 89 | justify-content: center; 90 | flex-direction: column; 91 | background-color: #fffaf0; 92 | width: 4rem; 93 | height: 4rem; 94 | border-radius: 50%; 95 | 96 | .resource-number { 97 | color: $warning-color; 98 | font-weight: 500; 99 | font-size: 2rem; 100 | line-height: 1; 101 | } 102 | } 103 | 104 | .resource-info { 105 | display: flex; 106 | flex-direction: column; 107 | margin-left: 1rem; 108 | 109 | .resource-title { 110 | color: #3c4142; 111 | font-size: 14px; 112 | } 113 | } 114 | } 115 | 116 | p { 117 | font-weight: 400; 118 | font-size: 13px; 119 | margin-top: 0.5rem; 120 | color: #727686; 121 | } 122 | 123 | .resource-meeting-action { 124 | text-align: right; 125 | 126 | a { 127 | text-transform: uppercase; 128 | } 129 | } 130 | } 131 | } 132 | } 133 | 134 | -------------------------------------------------------------------------------- /density.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Density | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | Back To Formulas 22 |
23 | 24 | 25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |

Density

35 |
36 | 37 |
Calculate
38 |

39 | Enter the values for m (mass) 41 | and v (volume) 42 |

43 | 44 |
45 | 46 | 48 |
49 | 50 |
51 | 52 | 54 |
55 | 56 | 57 |

The answer is:

58 |

59 | 60 | 61 | 62 |
63 |
64 | 65 |
66 | 75 |
76 |
77 | 78 |
79 |
80 | 81 | 82 | 83 |
84 |
85 |
86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | -------------------------------------------------------------------------------- /kinetic-energy.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Kinetic Energy | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | Back To Formulas 22 |
23 | 24 | 25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |

Kinetic Energy

35 |
36 | 37 |
Calculate
38 |

39 | Enter the values for m (mass) 41 | and v (velocity) 43 |

44 | 45 |
46 | 47 | 49 |
50 | 51 |
52 | 53 | 55 |
56 | 57 | 58 | 60 |

The answer is:

61 |

62 | 63 | 64 | 65 |
66 |
67 | 68 |
69 | 79 |
80 |
81 | 82 |
83 |
84 | 85 | 86 | 87 |
88 |
89 |
90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | -------------------------------------------------------------------------------- /mode.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Mode | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | Back To Formulas 22 |
23 | 24 | 25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |

Mode

35 |
36 | 37 |
Calculate
38 |

Enter the data set separated by commas(,) and click 39 | the button to 40 | get your mode. For example: 2,4,6,8 41 |

42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 |

The mode is:

50 |

51 | 52 | 53 | 54 |
55 |
56 | 57 |
58 | 68 |
69 |
70 | 71 |
72 |
73 | 74 | 80 | 81 |
82 |
83 |
84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | -------------------------------------------------------------------------------- /speed.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Speed | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | Back To Formulas 22 |
23 | 24 | 25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |

Speed

35 |
36 | 37 |
Calculate
38 |

39 | Enter the values for t (time elapsed in seconds) 41 | and d (distance 42 | travelled in metres) 43 |

44 | 45 |
46 | 47 | 49 |
50 | 51 |
52 | 53 | 55 |
56 | 57 | 58 |

The answer is:

59 |

60 | 61 | 62 | 63 |
64 |
65 | 66 |
67 | 77 |
78 |
79 | 80 |
81 |
82 | 83 | 84 | 85 |
86 |
87 |
88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | -------------------------------------------------------------------------------- /work.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Work | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | Back To Formulas 22 |
23 | 24 | 25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |

Work

35 |
36 | 37 |
Calculate
38 |

39 | The formula for Work in this calculator is given as 40 | " W = F * d "
41 | Enter the values for F (Force) 43 | and d (distance) 45 |

46 | 47 |
48 | 49 | 51 |
52 | 53 |
54 | 55 | 57 |
58 | 59 | 60 |

The answer is:

61 |

62 | 63 | 64 | 65 |
66 |
67 | 68 |
69 | 79 |
80 |
81 | 82 |
83 |
84 | 85 | 86 | 87 |
88 |
89 |
90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | -------------------------------------------------------------------------------- /standard-dev.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Variance | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | Back To Formulas 22 |
23 | 24 | 25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |

Standard Deviation

35 |
36 | 37 |
Calculate
38 |

Enter the data set separated by commas(,) and click 39 | the button to 40 | get your variance. For example: 2,4,6,8 41 |

42 | 43 | 44 | 45 | 46 | 47 | 48 | 50 |

The standard deviation is:

51 |

52 | 53 | 54 | 55 |
56 |
57 | 58 |
59 | 69 |
70 |
71 | 72 |
73 |
74 | 75 | 81 | 82 |
83 |
84 |
85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | -------------------------------------------------------------------------------- /permutation.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Permututations | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | Back To Formulas 22 |
23 | 24 | 25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |

Permutation

35 |
36 | 37 |
Calculate
38 |

39 | Enter the values for n and r where 41 | n is total number of objects in the sets 42 | and 43 | r is the subset size 44 |

45 |
46 | 47 | 49 |
50 | 51 |
52 | 53 | 55 |
56 | 57 | 58 |

The answer is:

59 |

60 | 61 | 62 | 63 |
64 |
65 | 66 |
67 | 77 |
78 |
79 | 80 |
81 |
82 | 83 | 84 | 85 |
86 |
87 |
88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | -------------------------------------------------------------------------------- /combination.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Combinations | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | Back To Formulas 22 |
23 | 24 | 25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |

Combinations

35 |
36 | 37 |
Calculate
38 |

39 | Enter the values for n and r where 41 | n is total number of objects in the sets 42 | and 43 | r is the subset size 44 |

45 |
46 | 47 | 49 |
50 | 51 |
52 | 53 | 55 |
56 | 57 | 58 |

The answer is:

59 |

60 | 61 | 62 | 63 |
64 |
65 | 66 |
67 | 77 |
78 |
79 | 80 |
81 |
82 | 83 | 84 | 85 |
86 |
87 |
88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | -------------------------------------------------------------------------------- /poisson.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Poisson Dist. | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | Back To Formulas 22 |
23 | 24 | 25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |

Poisson Distribution

35 |
36 | 37 |
Calculate
38 |

39 | Enter the values for λ and x where 41 | λ is the mean and 42 | x is the percentile. Eg. x = 0, 1, 2 ... 43 |

44 |
45 | 46 | 48 |
49 | 50 |
51 | 52 | 54 |
55 | 56 | 57 |

The answer is:

58 |

59 | 60 | 61 | 62 |
63 |
64 | 65 |
66 | 76 |
77 |
78 | 79 |
80 |
81 | 82 | 83 | 84 |
85 |
86 |
87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | -------------------------------------------------------------------------------- /rhombus.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Rhombus | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | Back To Shapes 22 |
23 | 24 | 25 | 26 |
27 | 28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |

Rhombus

37 |
38 | 39 |
Calculate
40 |

41 | Enter the value for 42 | s (side), 44 | p (diagonal 1) 46 | and 47 | q (diagonal 2) 49 |

50 | 51 |
52 | 53 | 55 |
56 |
57 | 58 | 60 |
61 |
62 | 63 | 65 |
66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 |

The answer is:

74 |

75 | 76 | 77 | 78 |
79 |
80 | 81 |
82 | 86 |
87 |
88 | 89 |
90 |
91 | 92 | 93 | 94 |
95 |
96 |
97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | -------------------------------------------------------------------------------- /power.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Power | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | Back To Formulas 22 |
23 | 24 | 25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |

Power

35 |
36 | 37 |
Calculate
38 |

39 | The formula used in this calculator is given as
40 | "P = (F * d) / t". Note that F * d = Work
41 | Enter the values for 42 | F (Force), 43 | d (displacement) 45 | and t (time) 46 |

47 | 48 |
49 | 50 | 52 |
53 | 54 |
55 | 56 | 58 |
59 | 60 |
61 | 62 | 64 |
65 | 66 | 67 |

The answer is:

68 |

69 | 70 | 71 | 72 |
73 |
74 | 75 |
76 | 85 |
86 |
87 | 88 |
89 |
90 | 91 | 92 | 93 |
94 |
95 |
96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | -------------------------------------------------------------------------------- /moles.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Moles | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | Back To Formulas 22 |
23 | 24 | 25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |

Moles

35 |
36 | 37 |
Calculate
38 |

39 | Enter the values for M (Mass), 41 | n (number of moles in 42 | substance) 43 | and m (mass of 44 | substance in grams) 45 |

46 | 47 |
48 | 49 | 51 |
52 | 53 |
54 | 55 | 57 |
58 | 59 |
60 | 61 | 63 |
64 | 65 | 66 |

The answer is:

67 |

68 | 69 | 70 | 71 |
72 |
73 | 74 |
75 | 86 |
87 |
88 | 89 |
90 |
91 | 92 | 93 | 94 |
95 |
96 |
97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | -------------------------------------------------------------------------------- /potential-energy.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Potential Energy | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | Back To Formulas 22 |
23 | 24 | 25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |

Potential Energy

35 |
36 | 37 |
Calculate
38 |

39 | Enter the values for m (mass), 41 | g (acceleration due to 42 | gravity) 43 | and h (height) 44 |

45 | 46 |
47 | 48 | 50 |
51 | 52 |
53 | 54 | 56 |
57 | 58 |
59 | 60 | 62 |
63 | 64 | 66 |

The answer is:

67 |

68 | 69 | 70 | 71 |
72 |
73 | 74 |
75 | 86 |
87 |
88 | 89 |
90 |
91 | 92 | 93 | 94 |
95 |
96 |
97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | -------------------------------------------------------------------------------- /acceleration.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Acceleration | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | Back To Formulas 22 |
23 | 24 | 25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |

Acceleration

35 |
36 | 37 |
Calculate
38 |

39 | The formula for acceleration used in this calculator is given as “a = (v - u) / 40 | t”.
41 | Enter the values for v (final velocity) 43 | , u (initial 44 | velocity) 45 | and t (time) 46 |

47 | 48 |
49 | 50 | 52 |
53 | 54 |
55 | 56 | 58 |
59 | 60 |
61 | 62 | 64 |
65 | 66 | 68 |

The answer is:

69 |

70 | 71 | 72 | 73 |
74 |
75 | 76 |
77 | 87 |
88 |
89 | 90 |
91 |
92 | 93 | 94 | 95 |
96 |
97 |
98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | -------------------------------------------------------------------------------- /circle.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Circle | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | Back To Shapes 22 |
23 | 24 | 25 | 26 |
27 | 28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |

Circle

37 |
38 | 39 |
Calculate
40 |

41 | Enter the value for 42 | r (radius), 43 | 44 |
45 | The formula for circumference is given as
46 | C = 2 π r
47 | and the formula for area is given as
48 | A = π r 2 49 |

50 | 51 |
52 | 53 | 55 |
56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 |

The answer is:

65 |

66 | 67 | 68 | 69 |
70 |
71 | 72 |
73 | 77 |
78 |
79 | 80 |
81 |
82 | 83 | 84 | 85 |
86 |
87 |
88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | -------------------------------------------------------------------------------- /cubes.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Cubes | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 |
20 | Back To Shapes 21 |
22 | 23 | 24 | 25 |
26 | 27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |

Cubes

36 |
37 | 38 |
Calculate
39 |

40 | Enter the value for 41 | a (length), 42 | 43 | 44 |
45 | The formula for Total Surface Area is given as
46 | TSA = 6a2
47 | and the formula for volume is given as
48 | V = a3 49 |

50 | 51 | 52 | 53 |
54 | 55 | 57 |
58 | 59 | 60 | 61 | 62 | 63 | 64 |

The answer is:

65 |

66 | 67 | 68 |
69 |
70 | 71 |
72 | 76 |
77 |
78 | 79 |
80 |
81 | 82 | 83 | 84 |
85 |
86 |
87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | -------------------------------------------------------------------------------- /binomial.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Binomial Dist. | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | Back To Formulas 22 |
23 | 24 | 25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |

Binomial Distribution

35 |
36 | 37 |
Calculate
38 |

39 | Enter the values for 40 | n, 41 | x, 42 | p where
43 | 44 | n is the number of trials
45 | x is the number of successes desired
46 | p is the probability of success
47 |

48 |
49 | 50 | 52 |
53 | 54 |
55 | 56 | 58 |
59 | 60 |
61 | 62 | 64 |
65 | 66 | 67 |

The answer is:

68 |

69 | 70 | 71 | 72 |
73 |
74 | 75 |
76 | 86 |
87 |
88 | 89 |
90 |
91 | 92 | 93 | 94 |
95 |
96 |
97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | -------------------------------------------------------------------------------- /sphere.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Sphere | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 |
20 | Back To Shapes 21 |
22 | 23 | 24 | 25 |
26 | 27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |

Sphere

36 |
37 | 38 |
Calculate
39 |

40 | Enter the value for 41 | r (radius), 42 | 43 | 44 |
45 | The formula for Total Surface Area is given as
46 | TSA = 4π r 2
47 | and the formula for volume is given as
48 | V = (4 / 3) π r3 49 |

50 | 51 | 52 | 53 |
54 | 55 | 57 |
58 | 59 | 60 | 61 | 62 | 63 | 64 |

The answer is:

65 |

66 | 67 | 68 |
69 |
70 | 71 |
72 | 76 |
77 |
78 | 79 |
80 |
81 | 82 | 83 | 84 |
85 |
86 |
87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | -------------------------------------------------------------------------------- /triangle.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Triangle | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | Back To Shapes 22 |
23 | 24 | 25 | 26 |
27 | 32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |

Triangle

41 |
42 | 43 |
Calculate
44 |

45 | Enter the value for 46 | s1 (side 1), 48 | s2 (side 2), 50 | b (base) 52 | and 53 | h (height) 55 |

56 | 57 |
58 | 59 | 61 |
62 |
63 | 64 | 66 |
67 |
68 | 69 | 71 |
72 | 73 |
74 | 75 | 77 |
78 | 79 | 80 | 81 | 82 | 83 |

The answer is:

84 |

85 | 86 | 87 | 88 |
89 |
90 | 91 |
92 | 96 |
97 |
98 | 99 |
100 |
101 | 102 | 103 | 104 |
105 |
106 |
107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | -------------------------------------------------------------------------------- /cone.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Cone | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 |
20 | Back To Shapes 21 |
22 | 23 | 24 | 25 |
26 | 27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |

Cone

36 |
37 | 38 |
Calculate
39 |

40 | Enter the value for 41 | r (radius), 42 | l (slant height), 43 | h (vertical height), 44 | 45 |
46 | The formula for Total Surface Area is given as
47 | TSA = π r l
48 | and the formula for volume is given as
49 | V = π r 2 (h / 3) 50 |

51 | 52 |
53 | 54 | 56 |
57 |
58 | 59 | 61 |
62 |
63 | 64 | 66 |
67 | 68 | 69 | 70 | 71 | 72 |

The answer is:

73 |

74 | 75 | 76 |
77 |
78 | 79 |
80 | 84 |
85 |
86 | 87 |
88 |
89 | 90 | 91 | 92 |
93 |
94 |
95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | -------------------------------------------------------------------------------- /trapezoid.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Trapezoid | Calculator Complex 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | Back To Shapes 22 |
23 | 24 | 25 | 26 |
27 | 28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |

Trapezoid

37 |
38 | 39 |
Calculate
40 |

41 | Enter the value for 42 | a (top), 43 | b (base), 44 | c (side) 45 | and 46 | d (side) 47 | h (height) 48 |
49 | The formula for perimeter is given as
50 | P = a + b + c + d
51 | and the formula for area is given as
52 | A = ((a + b) / 2) * h 53 |

54 | 55 |
56 | 57 | 59 |
60 |
61 | 62 | 64 |
65 |
66 | 67 | 69 |
70 |
71 | 72 | 74 |
75 |
76 | 77 | 79 |
80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 |

The answer is:

88 |

89 | 90 | 91 | 92 |
93 |
94 | 95 |
96 | 100 |
101 |
102 | 103 |
104 |
105 | 106 | 107 | 108 |
109 |
110 |
111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | -------------------------------------------------------------------------------- /scss/style.scss: -------------------------------------------------------------------------------- 1 | @import 'config'; 2 | @import 'base'; 3 | @import 'buttons'; 4 | @import 'stats-formulas'; 5 | @import 'stats'; 6 | @import 'science'; 7 | @import 'math'; 8 | @import 'permutations'; 9 | 10 | header { 11 | display: flex; 12 | flex-direction: row; 13 | align-items: center; 14 | justify-content: space-between; 15 | background-color: #fff; 16 | border-bottom: 1px solid $primary-color; 17 | 18 | .logo { 19 | width: 200px; 20 | height: 100px; 21 | 22 | img { 23 | width: 100%; 24 | height: 100%; 25 | object-fit: cover; 26 | } 27 | } 28 | 29 | .menu { 30 | display: flex; 31 | align-items: center; 32 | justify-content: center; 33 | 34 | a { 35 | color: #000; 36 | margin-right: 1rem; 37 | transition: all 0.3s ease; 38 | } 39 | 40 | a:hover { 41 | color: $accent-color; 42 | transform: scale(0.98); 43 | } 44 | 45 | span a:hover { 46 | color: #fff; 47 | text-decoration: none; 48 | } 49 | } 50 | } 51 | 52 | .home { 53 | height: 86.76vh; 54 | background-color: $primary-color-dark; 55 | display: flex; 56 | flex-direction: column; 57 | justify-content: center; 58 | align-items: center; 59 | text-align: center; 60 | 61 | h1 { 62 | color: #fff; 63 | font-size: 3rem; 64 | margin-bottom: 1rem; 65 | } 66 | 67 | .subtitle { 68 | color: $accent-color; 69 | } 70 | } 71 | 72 | .resources { 73 | height: 100vh; 74 | margin-top: 20px; 75 | display: flex; 76 | justify-content: center; 77 | align-items: center; 78 | 79 | .card-margin { 80 | margin-bottom: 1.875rem; 81 | } 82 | 83 | .card { 84 | border: 0; 85 | box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1); 86 | -webkit-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1); 87 | -moz-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1); 88 | -ms-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1); 89 | } 90 | 91 | .card { 92 | position: relative; 93 | display: flex; 94 | flex-direction: column; 95 | min-width: 0; 96 | word-wrap: break-word; 97 | background-color: #ffffff; 98 | background-clip: border-box; 99 | border: 1px solid #e6e4e9; 100 | border-radius: 8px; 101 | 102 | &-header.no-border { 103 | border: 0; 104 | } 105 | 106 | &-header { 107 | background: none; 108 | padding: 0 0.9375rem; 109 | font-weight: 500; 110 | display: flex; 111 | align-items: center; 112 | min-height: 50px; 113 | } 114 | 115 | &-header:first-child { 116 | border-radius: calc(8px - 1px) calc(8px - 1px) 0 0; 117 | } 118 | 119 | .resource { 120 | &-title-wrapper { 121 | display: flex; 122 | align-items: center; 123 | 124 | .resource-primary { 125 | display: flex; 126 | align-items: center; 127 | justify-content: center; 128 | flex-direction: column; 129 | background-color: #edf1fc; 130 | width: 4rem; 131 | height: 4rem; 132 | border-radius: 50%; 133 | 134 | .resource-number { 135 | color: #4e73e5; 136 | font-weight: 500; 137 | font-size: 2rem; 138 | line-height: 1; 139 | } 140 | } 141 | 142 | .resource-success { 143 | display: flex; 144 | align-items: center; 145 | justify-content: center; 146 | flex-direction: column; 147 | background-color: #e8faf8; 148 | width: 4rem; 149 | height: 4rem; 150 | border-radius: 50%; 151 | 152 | .resource-number { 153 | color: $success-color; 154 | font-weight: 500; 155 | font-size: 2rem; 156 | line-height: 1; 157 | } 158 | } 159 | 160 | .resource-warning { 161 | display: flex; 162 | align-items: center; 163 | justify-content: center; 164 | flex-direction: column; 165 | background-color: #fffaf0; 166 | width: 4rem; 167 | height: 4rem; 168 | border-radius: 50%; 169 | 170 | .resource-number { 171 | color: $warning-color; 172 | font-weight: 500; 173 | font-size: 2rem; 174 | line-height: 1; 175 | } 176 | } 177 | 178 | .resource-info { 179 | display: flex; 180 | flex-direction: column; 181 | margin-left: 1rem; 182 | 183 | .resource-title { 184 | color: #3c4142; 185 | font-size: 14px; 186 | } 187 | } 188 | } 189 | 190 | p { 191 | font-weight: 400; 192 | font-size: 13px; 193 | margin-top: 0.5rem; 194 | color: #727686; 195 | } 196 | 197 | .resource-meeting-action { 198 | text-align: right; 199 | 200 | a { 201 | text-transform: uppercase; 202 | } 203 | } 204 | } 205 | } 206 | } 207 | 208 | .contact { 209 | background-color: $primary-color-dark; 210 | height: 50vh; 211 | color: #fff; 212 | display: flex; 213 | flex-direction: column; 214 | justify-content: center; 215 | align-items: center; 216 | 217 | h1 { 218 | text-align: center; 219 | } 220 | 221 | p { 222 | text-align: center; 223 | color: $bg-primary; 224 | } 225 | 226 | .social-icons { 227 | display: flex; 228 | width: 100%; 229 | justify-content: center; 230 | text-align: center; 231 | 232 | .social-icon { 233 | margin-right: 1rem; 234 | font-size: 2.5rem; 235 | 236 | .la-linkedin-in{ 237 | color: $warning-color; 238 | } 239 | 240 | .la-whatsapp { 241 | color: $success-color; 242 | } 243 | 244 | .la-instagram { 245 | color: $danger-color; 246 | } 247 | } 248 | } 249 | 250 | } 251 | 252 | footer { 253 | img { 254 | object-fit: cover; 255 | } 256 | 257 | .footer-text { 258 | display: flex; 259 | flex-direction: column; 260 | justify-content: center; 261 | align-items: center; 262 | 263 | a i{ 264 | transition: all 0.3s ease; 265 | } 266 | 267 | a:hover { 268 | text-decoration: none; 269 | } 270 | 271 | a:hover i{ 272 | transform: scale(1.15); 273 | } 274 | 275 | a i { 276 | font-size: 2rem; 277 | margin-right: 1rem; 278 | } 279 | } 280 | 281 | .strip { 282 | background-color: $bg-primary; 283 | 284 | a { 285 | color: $accent-color; 286 | } 287 | 288 | .languages { 289 | font-size: 2.5rem; 290 | } 291 | } 292 | 293 | } 294 | 295 | @media screen and (max-width: 500px) { 296 | header { 297 | 298 | 299 | .menu { 300 | display: none; 301 | } 302 | } 303 | } -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Home | Calculator Complex 14 | 15 | 16 | 17 | 18 |
19 | 22 |
23 | Home 24 | Resources 25 | 26 | Contact Me 27 | 28 |
29 |
30 | 31 | 32 |
33 |
34 |
35 |

Welcome To Calculator Complex

36 |
37 |
38 | Find the solutions to mathematical and statistical formulas 39 |
40 |
41 |
42 | 43 | 44 |
45 |
46 |
47 |
48 |
49 |
50 |
STATISTICS
51 |
52 |
53 |
54 |
55 |
56 | 57 | 58 | 59 |
60 |
61 | Formulas 62 |
63 |
64 |

65 | See the available Statistics formulas 66 |

67 |
68 | View 69 | All 70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
SCIENCE
79 |
80 |
81 |
82 |
83 |
84 | 85 | 86 | 87 |
88 |
89 | Formulas 90 |
91 |
92 |

93 | See the available Science formulas 94 |

95 |
96 | View 97 | All 98 |
99 |
100 |
101 |
102 |
103 |
104 |
105 |
106 |
MATHEMATICS
107 |
108 |
109 |
110 |
111 |
112 | 113 | 114 | 115 |
116 |
117 | Formulas 118 |
119 |
120 |

121 | See the available Math formulas 122 |

123 |
124 | View 125 | All 126 |
127 |
128 |
129 |
130 |
131 |
132 |
133 |
134 | 135 |
136 |
137 |
138 |

Contact Me

139 |
140 |
141 |

142 | Do you have any formula suggestions or do you want to 143 | get in touch? You can reach me on the following 144 | platforms 145 |

146 |
147 | 172 |
173 |
174 | 175 |
176 |
177 |
178 |
179 | 180 |

181 | If you are a developer like I am and you would like to contribute to 182 | this project you can check out my github (Link is provided in the 183 | icon) . Also, if you would like to work on 184 | similar projects, you can contact me as well. 185 |

186 | 187 |

188 | Also, check out my portfolio in the external link below 189 |

190 | 191 |
192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 |
200 |
201 | 202 |
203 | 204 |
205 |
206 |
207 | 208 |
209 | © Copyright: 210 | 211 | Nutifafa Afi Attor 212 | 213 |

214 | Made with 215 |

216 | 217 | 218 | 219 |
220 |

221 |
222 |
223 | 224 | 225 | 226 | 227 | -------------------------------------------------------------------------------- /math-formulas.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | Math | Calculator Complex 18 | 19 | 20 | 21 | 22 |
23 | Back To Home 24 |
25 | 26 |
27 |
28 | 29 |
30 |
31 |
32 |
33 |
Shapes
34 |
35 |
36 |
37 |
38 |
39 | 40 | 41 | 42 |
43 |
44 | Shapes in Math 45 |
46 |
47 |

48 | Calculate the area and volume of shapes 49 |

50 |
51 | view all 52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
Squares
61 |
62 |
63 |
64 |
65 |
66 | 67 | 68 | 69 |
70 |
71 | Squares in Math 72 |
73 |
74 |

75 | Calculate the difference of two squares 76 |

77 |
78 | calculate 79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
Squares
88 |
89 |
90 |
91 |
92 |
93 | 94 | 95 | 96 |
97 |
98 | Squares in Math 99 |
100 |
101 |

102 | Calculate the perfect square trinomial 103 |

104 |
105 | calculate 107 |
108 |
109 |
110 |
111 |
112 | 113 |
114 | 115 |
116 |
117 |
118 |
119 |
Exponents
120 |
121 |
122 |
123 |
124 |
125 | 126 | 127 | 128 |
129 |
130 | Exponents in Math 131 |
132 |
133 |

134 | Calculate various exponential concepts 135 |

136 |
137 | view all 138 |
139 |
140 |
141 |
142 |
143 |
144 |
145 |
146 |
Geometry
147 |
148 |
149 |
150 |
151 |
152 | 153 | 154 | 155 |
156 |
157 | Geometry 158 |
159 |
160 |

161 | Calculate various geometrical concepts 162 |

163 |
164 | view all 165 |
166 |
167 |
168 |
169 |
170 |
171 |
172 |
173 |
Business
174 |
175 |
176 |
177 |
178 |
179 | 180 | 181 | 182 |
183 |
184 | Business in Math 185 |
186 |
187 |

188 | Calculate business concepts 189 |

190 |
191 | view 192 | all 193 |
194 |
195 |
196 |
197 |
198 | 199 |
200 | 201 |
202 |
203 | 204 | 221 | 222 | 223 | 224 | 225 | -------------------------------------------------------------------------------- /science-formulas.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | Science | Calculator Complex 18 | 19 | 20 | 21 | 22 |
23 | Back To Home 24 |
25 | 26 |
27 |
28 | 29 |
30 |
31 |
32 |
33 |
Work
34 |
35 |
36 |
37 |
38 |
39 | 40 | 41 | 42 |
43 |
44 | What is Work? 45 |
46 |
47 |

48 | In physics, work is the energy transferred to or from an object via the application 49 | of force along a displacement. 50 |

51 |
52 | calculate 53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
Power
62 |
63 |
64 |
65 |
66 |
67 | 68 | 69 | 70 |
71 |
72 | What is Power? 73 |
74 |
75 |

76 | It is the time rate of doing work or delivering energy 77 |

78 |
79 | calculate 80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
Potential Energy
89 |
90 |
91 |
92 |
93 |
94 | 95 | 96 | 97 |
98 |
99 | What is Potential Energy? 100 |
101 |
102 |

103 | Potential energy is the energy held by an object because of its position relative to 104 | other objects, 105 | stresses within itself, its electric charge, or other factors. 106 |

107 |
108 | calculate 110 |
111 |
112 |
113 |
114 |
115 | 116 |
117 | 118 |
119 |
120 |
121 |
122 |
Kinetic Energy
123 |
124 |
125 |
126 |
127 |
128 | 129 | 130 | 131 |
132 |
133 | What is Kinetic Energy? 134 |
135 |
136 |

137 | Kinetic energy of an object is the energy that it possesses due to its motion. 138 |

139 |
140 | calculate 142 |
143 |
144 |
145 |
146 |
147 |
148 |
149 |
150 |
Density
151 |
152 |
153 |
154 |
155 |
156 | 157 | 158 | 159 |
160 |
161 | What is Density 162 |
163 |
164 |

165 | Density is the mass of a unit volume of a material substance 166 |

167 |
168 | calculate 169 |
170 |
171 |
172 |
173 |
174 |
175 |
176 |
177 |
Energy
178 |
179 |
180 |
181 |
182 |
183 | 184 | 185 | 186 |
187 |
188 | What is Energy? 189 |
190 |
191 |

192 | Energy is the quantitative property that must be transferred to a body or physical 193 | system to perform work on the body, or to heat it. 194 |

195 |
196 | calculate 197 |
198 |
199 |
200 |
201 |
202 | 203 |
204 | 205 |
206 |
207 |
208 |
209 |
Moles
210 |
211 |
212 |
213 |
214 |
215 | 216 | 217 | 218 |
219 |
220 | What is Mole 221 |
222 |
223 |

224 | The mole is the amount of substance of a system which contains as many elementary 225 | entities as there are atoms in 0.012 kilogram of carbon 12. 226 |

227 |
228 | calculate 229 |
230 |
231 |
232 |
233 |
234 |
235 |
236 |
237 |
Speed
238 |
239 |
240 |
241 |
242 |
243 | 244 | 245 | 246 |
247 |
248 | What is Speed? 249 |
250 |
251 |

252 | Speed is the time rate at which an object is moving along a path, while velocity is 253 | the rate and direction of an object's movement. 254 |

255 |
256 | calculate 257 |
258 |
259 |
260 |
261 |
262 |
263 |
264 |
265 |
Acceleration
266 |
267 |
268 |
269 |
270 |
271 | 272 | 273 | 274 |
275 |
276 | What is Acceleration 277 |
278 |
279 |

280 | Acceleration is the rate of change of the velocity of an object with respect to 281 | time. 282 |

283 |
284 | calculate 286 |
287 |
288 |
289 |
290 |
291 | 292 |
293 | 294 | 295 | 296 |
297 |
298 | 299 | 318 | 319 | 320 | 321 | 322 | -------------------------------------------------------------------------------- /statistics-formulas.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | Statistics | Calculator Complex 14 | 15 | 16 | 17 | 18 |
19 | Back To Home 20 |
21 | 22 |
23 |
24 | 25 |
26 |
27 |
28 |
29 |
Mean
30 |
31 |
32 |
33 |
34 |
35 | 36 | 37 | 38 |
39 |
40 | What is Mean? 41 |
42 |
43 |

44 | The mean, or average, is calculated by adding up the scores and dividing the total 45 | by the number of scores 46 |

47 |
48 | calculate 49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
Median
58 |
59 |
60 |
61 |
62 |
63 | 64 | 65 | 66 |
67 |
68 | What is Median? 69 |
70 |
71 |

72 | For a data set, it may be thought of as "the middle" value when arranged in order of 73 | magnitude. 74 |

75 |
76 | calculate 77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
Mode
86 |
87 |
88 |
89 |
90 |
91 | 92 | 93 | 94 |
95 |
96 | What is Mode? 97 |
98 |
99 |

100 | The mode is a statistical term that refers to the most frequently occurring number 101 | found in a set of numbers. 102 |

103 |
104 | calculate 105 |
106 |
107 |
108 |
109 |
110 | 111 |
112 | 113 |
114 |
115 |
116 |
117 |
Variance
118 |
119 |
120 |
121 |
122 |
123 | 124 | 125 | 126 |
127 |
128 | What is Variance? 129 |
130 |
131 |

132 | Variance is a measure of dispersion that takes into account the spread of all data 133 | points in a data set. 134 |

135 |
136 | calculate 137 |
138 |
139 |
140 |
141 |
142 |
143 |
144 |
145 |
Standard Deviation
146 |
147 |
148 |
149 |
150 |
151 | 152 | 153 | 154 |
155 |
156 | What is Standard Deviation 157 |
158 |
159 |

160 | The standard deviation is a measure of the amount of variation or dispersion of a 161 | set of values. 162 |

163 |
164 | calculate 166 |
167 |
168 |
169 |
170 |
171 |
172 |
173 |
174 |
Permutations
175 |
176 |
177 |
178 |
179 |
180 | 181 | 182 | 183 |
184 |
185 | What is a permutation 186 |
187 |
188 |

189 | A permutation is an arrangement of all or part of a set of objects, with regard to 190 | the order of the arrangement. 191 |

192 |
193 | calculate 195 |
196 |
197 |
198 |
199 |
200 | 201 |
202 | 203 |
204 |
205 |
206 |
207 |
Combinations
208 |
209 |
210 |
211 |
212 |
213 | 214 | 215 | 216 |
217 |
218 | What is a combination 219 |
220 |
221 |

222 | A combination is a selection of all or part of a set of objects, without regard to 223 | the order in which objects are selected. 224 |

225 |
226 | calculate 228 |
229 |
230 |
231 |
232 |
233 |
234 |
235 |
236 |
Binomial Distribution
237 |
238 |
239 |
240 |
241 |
242 | 243 | 244 | 245 |
246 |
247 | What is Binomial Distribution? 248 |
249 |
250 |

251 | It is the probability of a SUCCESS or FAILURE outcome in an experiment or survey 252 | that is repeated multiple times 253 |

254 |
255 | calculate 256 |
257 |
258 |
259 |
260 |
261 |
262 |
263 |
264 |
Poisson Distribution
265 |
266 |
267 |
268 |
269 |
270 | 271 | 272 | 273 |
274 |
275 | What is Poisson Distribution 276 |
277 |
278 |

279 | A discrete distribution that measures the probability of a given number of events 280 | happening in a specified time period. 281 |

282 |
283 | calculate 284 |
285 |
286 |
287 |
288 |
289 | 290 |
291 | 292 | 293 | 294 |
295 |
296 | 297 | 316 | 317 | 318 | 319 | 320 | -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500&display=swap");*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Open Sans",sans-serif}a{text-decoration:none}li{list-style:none}.btn-primary-dark,.btn-accent,.btn-success,.btn-danger,.btn-warning{display:inline-block;border-radius:5px;padding:8px 20px;margin:3px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.btn-primary-dark:hover,.btn-accent:hover,.btn-success:hover,.btn-danger:hover,.btn-warning:hover{-webkit-transform:scale(0.98);transform:scale(0.98);color:#fff}.btn-accent{background-color:#f04b4c}.formulas{min-height:100vh;margin-top:20px}.formulas .card-margin{margin-bottom:1.875rem}.formulas .card{border:0;box-shadow:0px 0px 10px 0px rgba(82,63,105,0.1);-webkit-box-shadow:0px 0px 10px 0px rgba(82,63,105,0.1);-moz-box-shadow:0px 0px 10px 0px rgba(82,63,105,0.1);-ms-box-shadow:0px 0px 10px 0px rgba(82,63,105,0.1)}.formulas .card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#ffffff;background-clip:border-box;border:1px solid #e6e4e9;border-radius:8px}.formulas .card-header.no-border{border:0}.formulas .card-header{background:none;padding:0 0.9375rem;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:50px}.formulas .card-header:first-child{border-radius:calc(8px - 1px) calc(8px - 1px) 0 0}.formulas .card .resource-title-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.formulas .card .resource-title-wrapper .resource-primary{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#edf1fc;width:4rem;height:4rem;border-radius:50%}.formulas .card .resource-title-wrapper .resource-primary .resource-number{color:#4e73e5;font-weight:500;font-size:2rem;line-height:1}.formulas .card .resource-title-wrapper .resource-success{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#e8faf8;width:4rem;height:4rem;border-radius:50%}.formulas .card .resource-title-wrapper .resource-success .resource-number{color:#42ba96;font-weight:500;font-size:2rem;line-height:1}.formulas .card .resource-title-wrapper .resource-warning{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#fffaf0;width:4rem;height:4rem;border-radius:50%}.formulas .card .resource-title-wrapper .resource-warning .resource-number{color:#fc0;font-weight:500;font-size:2rem;line-height:1}.formulas .card .resource-title-wrapper .resource-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:1rem}.formulas .card .resource-title-wrapper .resource-info .resource-title{color:#3c4142;font-size:14px}.formulas .card .resource p{font-weight:400;font-size:13px;margin-top:0.5rem;color:#727686}.formulas .card .resource .resource-meeting-action{text-align:right}.formulas .card .resource .resource-meeting-action a{text-transform:uppercase}.mean .account-block{padding:0;background-image:url(https://c8.alamy.com/comp/M1N652/blackboard-with-maths-statistics-equations-and-ideas-M1N652.jpg);background-repeat:no-repeat;background-size:cover;height:100%;position:relative}.mean .account-block .overlay{-webkit-box-flex:1;-ms-flex:1;flex:1;position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.4)}.mean .account-block .account-testimonial{text-align:center;color:#fff;position:absolute;margin:0 auto;padding:0 1.75rem;bottom:3rem;left:0;right:0}.science .account-block{padding:0;background-image:url(https://images.ctfassets.net/cnu0m8re1exe/3FFIAa8yNOW8PhFHDn4SMj/ac0487c3d5798168a572105a67085ae1/shutterstock_582084685.png?fm=jpg&fl=progressive&w=660&h=433&fit=fill);background-repeat:no-repeat;background-size:cover;height:100%;position:relative}.science .account-block .overlay{-webkit-box-flex:1;-ms-flex:1;flex:1;position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.4)}.science .account-block .account-testimonial{text-align:center;color:#fff;position:absolute;margin:0 auto;padding:0 1.75rem;bottom:3rem;left:0;right:0}.maths .account-block{padding:0;background-image:url(https://media.istockphoto.com/vectors/math-equations-written-on-a-blackboard-vector-id1219382595?k=20&m=1219382595&s=612x612&w=0&h=c6Sl7WmSHRzGBN7ZQmClLIhcv55vjStOPKc-GrpBseU=);background-repeat:no-repeat;background-size:cover;height:100%;position:relative}.maths .account-block .overlay{-webkit-box-flex:1;-ms-flex:1;flex:1;position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.4)}.maths .account-block .account-testimonial{text-align:center;color:#fff;position:absolute;margin:0 auto;padding:0 1.75rem;bottom:3rem;left:0;right:0}.permutation-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#fff;border-bottom:1px solid #3d6098}header .logo{width:200px;height:100px}header .logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}header .menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}header .menu a{color:#000;margin-right:1rem;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}header .menu a:hover{color:#f04b4c;-webkit-transform:scale(0.98);transform:scale(0.98)}header .menu span a:hover{color:#fff;text-decoration:none}.home{height:86.76vh;background-color:#112352;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.home h1{color:#fff;font-size:3rem;margin-bottom:1rem}.home .subtitle{color:#f04b4c}.resources{height:100vh;margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.resources .card-margin{margin-bottom:1.875rem}.resources .card{border:0;box-shadow:0px 0px 10px 0px rgba(82,63,105,0.1);-webkit-box-shadow:0px 0px 10px 0px rgba(82,63,105,0.1);-moz-box-shadow:0px 0px 10px 0px rgba(82,63,105,0.1);-ms-box-shadow:0px 0px 10px 0px rgba(82,63,105,0.1)}.resources .card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#ffffff;background-clip:border-box;border:1px solid #e6e4e9;border-radius:8px}.resources .card-header.no-border{border:0}.resources .card-header{background:none;padding:0 0.9375rem;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:50px}.resources .card-header:first-child{border-radius:calc(8px - 1px) calc(8px - 1px) 0 0}.resources .card .resource-title-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.resources .card .resource-title-wrapper .resource-primary{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#edf1fc;width:4rem;height:4rem;border-radius:50%}.resources .card .resource-title-wrapper .resource-primary .resource-number{color:#4e73e5;font-weight:500;font-size:2rem;line-height:1}.resources .card .resource-title-wrapper .resource-success{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#e8faf8;width:4rem;height:4rem;border-radius:50%}.resources .card .resource-title-wrapper .resource-success .resource-number{color:#42ba96;font-weight:500;font-size:2rem;line-height:1}.resources .card .resource-title-wrapper .resource-warning{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#fffaf0;width:4rem;height:4rem;border-radius:50%}.resources .card .resource-title-wrapper .resource-warning .resource-number{color:#fc0;font-weight:500;font-size:2rem;line-height:1}.resources .card .resource-title-wrapper .resource-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:1rem}.resources .card .resource-title-wrapper .resource-info .resource-title{color:#3c4142;font-size:14px}.resources .card .resource p{font-weight:400;font-size:13px;margin-top:0.5rem;color:#727686}.resources .card .resource .resource-meeting-action{text-align:right}.resources .card .resource .resource-meeting-action a{text-transform:uppercase}.contact{background-color:#112352;height:50vh;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contact h1{text-align:center}.contact p{text-align:center;color:#e7e7e7}.contact .social-icons{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.contact .social-icons .social-icon{margin-right:1rem;font-size:2.5rem}.contact .social-icons .social-icon .la-linkedin-in{color:#fc0}.contact .social-icons .social-icon .la-whatsapp{color:#42ba96}.contact .social-icons .social-icon .la-instagram{color:#df4759}footer img{-o-object-fit:cover;object-fit:cover}footer .footer-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}footer .footer-text a i{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}footer .footer-text a:hover{text-decoration:none}footer .footer-text a:hover i{-webkit-transform:scale(1.15);transform:scale(1.15)}footer .footer-text a i{font-size:2rem;margin-right:1rem}footer .strip{background-color:#e7e7e7}footer .strip a{color:#f04b4c}footer .strip .languages{font-size:2.5rem}@media screen and (max-width: 500px){header .menu{display:none}} 2 | -------------------------------------------------------------------------------- /shapes.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | Shapes | Calculator Complex 18 | 19 | 20 | 21 | 22 |
23 | Back To Formulas 24 |
25 | 26 |
27 |
28 | 29 |
30 |
31 |
32 |
33 |
Square
34 |
35 |
36 |
37 |
38 |
39 | 40 | 41 | 42 |
43 |
44 | Square 45 |
46 |
47 |

48 | Calculate the area and perimeter of square 49 |

50 |
51 | Calculate 52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
Rectangle
61 |
62 |
63 |
64 |
65 |
66 | 67 | 68 | 69 |
70 |
71 | Rectangles in Math 72 |
73 |
74 |

75 | Calculate the area and perimeter of rectangle 76 |

77 |
78 | calculate 79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
Triangle
88 |
89 |
90 |
91 |
92 |
93 | 94 | 95 | 96 |
97 |
98 | Triangle in Math 99 |
100 |
101 |

102 | Calculate the area and perimeter of triangle 103 |

104 |
105 | calculate 106 |
107 |
108 |
109 |
110 |
111 | 112 |
113 | 114 |
115 |
116 |
117 |
118 |
Rhombus
119 |
120 |
121 |
122 |
123 |
124 | 125 | 126 | 127 |
128 |
129 | Rhombus in Math 130 |
131 |
132 |

133 | Calculate the area and perimeter of rhombus 134 |

135 |
136 | calculate 137 |
138 |
139 |
140 |
141 |
142 |
143 |
144 |
145 |
Trapezoid
146 |
147 |
148 |
149 |
150 |
151 | 152 | 153 | 154 |
155 |
156 | Trapezoid / Trapezium 157 |
158 |
159 |

160 | Calculate the area and perimeter of trapezoid 161 |

162 |
163 | calculate 164 |
165 |
166 |
167 |
168 |
169 |
170 |
171 |
172 |
Circle
173 |
174 |
175 |
176 |
177 |
178 | 179 | 180 | 181 |
182 |
183 | Circles in Math 184 |
185 |
186 |

187 | Calculate the area and circumference 188 |

189 |
190 | calculate 191 | 192 |
193 |
194 |
195 |
196 |
197 | 198 |
199 | 200 |
201 |
202 |
203 |
204 |
Cone
205 |
206 |
207 |
208 |
209 |
210 | 211 | 212 | 213 |
214 |
215 | Cones in Math 216 |
217 |
218 |

219 | Calculate volume and total surface area 220 |

221 |
222 | calculate 223 |
224 |
225 |
226 |
227 |
228 |
229 |
230 |
231 |
Sphere
232 |
233 |
234 |
235 |
236 |
237 | 238 | 239 | 240 |
241 |
242 | Spheres in Maths 243 |
244 |
245 |

246 | Calculate the volume and total surface area 247 |

248 |
249 | calculate 250 |
251 |
252 |
253 |
254 |
255 |
256 |
257 |
258 |
Cube
259 |
260 |
261 |
262 |
263 |
264 | 265 | 266 | 267 |
268 |
269 | Cubes in Math 270 |
271 |
272 |

273 | Calculate the volume and total surface area 274 |

275 |
276 | calculate 277 |
278 |
279 |
280 |
281 |
282 | 283 |
284 | 285 |
286 |
287 |
288 |
289 |
Cuboid
290 |
291 |
292 |
293 |
294 |
295 | 296 | 297 | 298 |
299 |
300 | Cuboids in Math 301 |
302 |
303 |

304 | Calculate the volume and total surface area 305 |

306 |
307 | calculate 308 |
309 |
310 |
311 |
312 |
313 |
314 |
315 |
316 |
Regular Prism
317 |
318 |
319 |
320 |
321 |
322 | 323 | 324 | 325 |
326 |
327 | Regular Prism in Math 328 |
329 |
330 |

331 | Calculate for various prisms 332 |

333 |
334 | view 335 | all 336 |
337 |
338 |
339 |
340 |
341 |
342 |
343 |
344 |
Cylinder
345 |
346 |
347 |
348 |
349 |
350 | 351 | 352 | 353 |
354 |
355 | Cylinders in Math 356 |
357 |
358 |

359 | Calculate the total surface area and volume 360 |

361 |
362 | calculate 363 |
364 |
365 |
366 |
367 |
368 | 369 |
370 | 371 |
372 |
373 | 374 | 391 | 392 | 393 | 394 | 395 | --------------------------------------------------------------------------------