From a110533689843918da78eec4e5138682d9bc2d76 Mon Sep 17 00:00:00 2001 From: Mandar007007 Date: Mon, 3 Jun 2024 13:03:28 +0530 Subject: [PATCH] smooth scrolling done --- index.html | 856 ++++++----------------------------------------------- script.js | 21 +- 2 files changed, 98 insertions(+), 779 deletions(-) diff --git a/index.html b/index.html index f404388d7..bb08442b9 100644 --- a/index.html +++ b/index.html @@ -8,12 +8,13 @@ - - + + CalcDiverse +
@@ -37,7 +38,7 @@ Home
  • - About + About
  • Calculators @@ -121,27 +122,13 @@

    Calculates the area and perimeter of different useful 2D shapes.

    • -

    3D Distance Calculator

    -

    Calculates the distance between 2 points in a 3D space.

    +

    3D Shapes Volume Calculator

    +

    Calculates the volume of different important and useful 3D shapes.

    - + - - Source Code - -
    -
    -
    -
    -
    -

    3D Shapes Calculator

    -

    Calculates the volume and surface area of different important and useful 3D shapes.

    -
    - - - - + Source Code
    @@ -161,34 +148,6 @@

    Calculate the theoretical resistance of a 4-band resistor.

    -
    -
    -

    ASCII Value Calculator

    -

    Calculates the ASCII value of any character.

    -
    - - - - - Source Code - -
    -
    -
    -
    -
    -

    Abundant Number Calculator

    -

    Checks for a number to be abundant or not.

    -
    - - - - - Source Code - -
    -
    -

    Age Calculator

    @@ -203,34 +162,6 @@

    Calculates the person's age by taking in the date of birth as input.

    -
    -
    -

    Air Quality Index Calculator

    -

    Calculates the level of the air quality using AQI index as input.

    -
    - - - - - Source Code - -
    -
    -
    -
    -
    -

    Anagram Calculator

    -

    Calculator which checks whether the two words are Anagram or not.

    -
    - - - - - Source Code - -
    -
    -

    Antilog Calculator

    @@ -287,77 +218,6 @@

    Calculates the aspect ratio of the specified height and width.

    -
    -
    -

    Astrological Age Calculator

    -

    Calculates the age on different planets as selected by the user.

    -
    - - - - - Source Code - -
    -
    -
    -
    -
    -

    Averages Calculator

    -

    Calculates the arithmetic, geometric, and harmonic means.

    -
    - - - - - Source Code - -
    -
    -
    -
    -
    -

    BMI Calculator

    -

    Calculates the Body Mass Index of a person using Height & Weight.

    -
    - - - - - Source Code - -
    -
    -
    -
    -
    -

    BMR Calculator

    -

    Calculates the Basal Metabolic Rate of a person using height, weight & age.

    -
    - - - - - Source Code - -
    -
    -
    -
    -
    -

    Base Change Calculator

    -

    Converts a number between different bases.

    -
    - - - - - Source Code - -
    -
    -

    Basic Calculator

    @@ -400,20 +260,6 @@

    Effortlessly split bills with our calculator. Simplify expense sharing now!<

    -
    -
    -

    Binomial Distribution Calculator

    -

    Calculates the value of the probability mass function and probability distribution function.

    -
    - - - - - Source Code - -
    -
    -

    Bitwise Calculator

    @@ -430,27 +276,13 @@

    Calculates results of different bitwise operations based on inputs.

    -

    Black Hole Number Calculator

    -

    Given any number, it reaches to Four.

    -
    - - - - - Source Code - -
    -
    -
    -
    -
    -

    Body Fat Percentage Calculator

    -

    Calculates the body fat percentage of a person using neck, waist, weight & height.

    +

    BMI Calculator

    +

    Calculates the Body Mass Index of a person using Height & Weight.

    - + - + Source Code
    @@ -484,48 +316,6 @@

    Check the number is bouncy or not and finds bouncy numbers in a range.

    -
    -
    -

    Buzz Number Calculator

    -

    Checks for a number to be a buzz number or not.

    -
    - - - - - Source Code - -
    -
    -
    -
    -
    -

    CGPA Percentage Calculator

    -

    Converts CGPA to percentage and vice-versa.

    -
    - - - - - Source Code - -
    -
    -
    -
    -
    -

    CSS Unit Calculator

    -

    Converts various css units.

    -
    - - - - - Source Code - -
    -
    -

    Calorie Burnt Calculator

    @@ -540,20 +330,6 @@

    Calculates the amount of calories burnt from particular exercise.

    -
    -
    -

    Calorie Consumed Calculator

    -

    Calculates daily calorie consumed based on given inputs.

    -
    - - - - - Source Code - -
    -
    -

    Calorie Intake Calculator

    @@ -596,6 +372,20 @@

    Calculates Centripetal force and acceleration.

    +
    +
    +

    CGPA Percentage Calculator

    +

    Converts CGPA to percentage and vice-versa.

    +
    + + + + + Source Code + +
    +
    +

    Circular Prime Calculator

    @@ -652,20 +442,6 @@

    Interconverts color codes among RGB, RGBA, HEX (Hexadecimal), HSL, HSV and C

    -
    -
    -

    Complement Calculator

    -

    Calculates the nth complement of a given number in a specified base.

    -
    - - - - - Source Code - -
    -
    -

    Complex Number Calculator

    @@ -736,6 +512,20 @@

    Calculates various cricket related terms.

    +
    +
    +

    CSS Unit Calculator

    +

    Converts various css units.

    +
    + + + + + Source Code + +
    +
    +

    Cuban Prime Calculator

    @@ -783,7 +573,7 @@

    solves cubic equations, providing real or complex solutions

    Currency Calculator

    Converts the value of one Currency unit into another Currency unit.

    - + @@ -792,20 +582,6 @@

    Converts the value of one Currency unit into another Currency unit.

    -
    -
    -

    DTI Ratio Calculator

    -

    Calculates your debt-to-income ratio, to help in managing your financial health.

    -
    - - - - - Source Code - -
    -
    -

    Data Size Calculator

    @@ -848,20 +624,6 @@

    Calculates the day for the specified date.

    -
    -
    -

    Days Until Deadline Calculator

    -

    Calculates the number of days remaining until a selected date.

    -
    - - - - - Source Code - -
    -
    -

    Definite Integral Calculator

    @@ -948,41 +710,27 @@

    Calculates the required time for downloading as per different system configu

    -

    EMI Calculator

    -

    Calculates The EMI based on loan amount, interest rate and tenure.

    -
    - - - - - Source Code - -
    -
    -
    -
    -
    -

    Electric Power Calculator

    -

    Calculates electric power based on user-supplied voltage in Volts and current in Ampere.

    +

    Electricity Bill Calculator

    +

    Calculates electricity costs based on user-supplied units, time, and cost parameters.

    - + - - Source Code + + Source Code
    -

    Electricity Bill Calculator

    -

    Calculates electricity costs based on user-supplied units, time, and cost parameters.

    +

    Ellipse And Hyperbola Calculator

    +

    Calculates Area and Perimeter for Ellipse and Hyperbola.

    - + - + Source Code
    @@ -990,13 +738,13 @@

    Calculates electricity costs based on user-supplied units, time, and cost pa

    -

    Ellipse And Hyperbola Calculator

    -

    Calculates Area and Perimeter for Ellipse and Hyperbola.

    +

    EMI Calculator

    +

    Calculates The EMI based on loan amount, interest rate and tenure.

    - + - + Source Code
    @@ -1130,13 +878,13 @@

    Calculates Greatest Common Divisor of Two values or multiple values.

    -

    GPA Calculator

    -

    Calculates SGPA and CGPA on the basis of credits and grades.

    +

    General Root Calculator

    +

    Calculates the nth root of a given number upto n precision.

    - + - + Source Code
    @@ -1144,13 +892,13 @@

    Calculates SGPA and CGPA on the basis of credits and grades.

    -

    GST Calculator

    -

    Calculates the Goods and Service tax of any product in rupees and dollars.

    +

    Geometric Progression Calculator

    +

    Calculates nth Term and sum of n Terms present in an Geometric Sequence.

    - + - + Source Code
    @@ -1158,13 +906,13 @@

    Calculates the Goods and Service tax of any product in rupees and dollars.
    -

    General Root Calculator

    -

    Calculates the nth root of a given number upto n precision.

    +

    GPA Calculator

    +

    Calculates SGPA and CGPA on the basis of credits and grades.

    - + - + Source Code
    @@ -1172,13 +920,13 @@

    Calculates the nth root of a given number upto n precision.

    -

    Geometric Progression Calculator

    -

    Calculates nth Term and sum of n Terms present in an Geometric Sequence.

    +

    Grade Calculator

    +

    Calculates the grade based on marks entered.

    - + - + Source Code
    @@ -1186,13 +934,13 @@

    Calculates nth Term and sum of n Terms present in an Geometric Sequence.

    -

    Grade Calculator

    -

    Calculates the grade based on marks entered.

    +

    Graphing Calculator

    +

    Calculator which includes a graphical display to visualize functions.

    - + - + Source Code
    @@ -1200,13 +948,13 @@

    Calculates the grade based on marks entered.

    -

    Graphing Calculator

    -

    Calculator which includes a graphical display to visualize functions.

    +

    GST Calculator

    +

    Calculates the Goods and Service tax of any product in rupees and dollars.

    - + - + Source Code
    @@ -1254,20 +1002,6 @@

    Calculates the heart rate monitors.

    -
    -
    -

    Hexadecimal Calculator

    -

    Performs arithmetic operations on hexadecimal numbers.

    -
    - - - - - Source Code - -
    -
    -

    Home Renovation Budget Calculator

    @@ -1324,20 +1058,6 @@

    Shows the intelligence using his/her IQ.

    -
    -
    -

    Inverse Function Calculator

    -

    Calculates the inverse of a provided function.

    -
    - - - - - Source Code - -
    -
    -

    Investment Risk Tolerance Calculator

    @@ -1352,20 +1072,6 @@

    Calculates the risk in Investment on the basis of some input parameters.

    -
    -
    -

    Kaprekar Number Calculator

    -

    Checks whether the number is Kaprekar Number or not.

    -
    - - - - - Source Code - -
    -
    -

    LCM Calculator

    @@ -1380,20 +1086,6 @@

    Calculates LCM of multiple numbers.

    -
    -
    -

    Leap Year Calculator

    -

    Checks whether the entered year is a leap year or not.

    -
    - - - - - Source Code - -
    -
    -

    Length Calculator

    @@ -1402,21 +1094,7 @@

    Calculates the length conversion between two specified units.

    - - Source Code - -
    -
    -
    -
    -
    -

    Life Insurance Needs Calculator

    -

    Calculates the amount we need in Life Insurance.

    -
    - - - - + Source Code
    @@ -1436,20 +1114,6 @@

    Calculates values of variables from linear equation in two variables.

    -
    -
    -

    Loan Amount Calculator

    -

    Calculator that calculates the amount of money to pay as compound interest.

    -
    - - - - - Source Code - -
    -
    -

    Loan Repayment Date Calculator

    @@ -1534,20 +1198,6 @@

    Computes the total atomic weights of elements in a given chemical formula

    -
    -
    -

    Momentum Calculator

    -

    Calculates the momentum of the body using its mass and velocity.

    -
    - - - - - Source Code - -
    -
    -

    Mortgage Refinance Calculator

    @@ -1576,20 +1226,6 @@

    Calculates the multiplication table of any number.

    -
    -
    -

    NPV Calculator

    -

    Calculates the Net Present Value based on initial investment, the discount rate, and the yearly cash flows.

    -
    - - - - - Source Code - -
    -
    -

    Neon Number Calculator

    @@ -1618,20 +1254,6 @@

    Calculates the actual take-home pay from your Cost to Company (CTC).

    -
    -
    -

    Net Worth Calculator

    -

    Calculates the net worth by taking our assets and liabilities.

    -
    - - - - - Source Code - -
    -
    -

    Next Birthday Calculator

    @@ -1674,20 +1296,6 @@

    Converts binary to decimal, octal, hexadecimal and vice versa.

    -
    -
    -

    Nutrition Calculator

    -

    Calculates the total nutrition values based on user inputs.

    -
    - - - - - Source Code - -
    -
    -

    Palindrome Calculator

    @@ -1730,20 +1338,6 @@

    Converts given Percentage to Fraction and vice-versa with detailed solution.

    -
    -
    -

    Perfect Number Calculator

    -

    Check for a number to be perfect or not.

    -
    - - - - - Source Code - -
    -
    -

    Permutation Combination Calculator

    @@ -1758,48 +1352,6 @@

    Calculates nPr and nCr after taking inputs as n and r.

    -
    -
    -

    Pet Age Calculator

    -

    Calculates a pet's age in human years.

    -
    - - - - - Source Code - -
    -
    -
    -
    -
    -

    Planetary Motion Calculator

    -

    Calculates various parameters of planetary motion using Kepler's laws.

    -
    - - - - - Source Code - -
    -
    -
    -
    -
    -

    Population Density Calculator

    -

    Calculates the density of the population in a specific area.

    -
    - - - - - Source Code - -
    -
    -

    Power Calculator

    @@ -1968,48 +1520,6 @@

    Calculates the Quotient and Remainder.

    -
    -
    -

    ROI Calculator

    -

    Calculates the return on investment for your invested amount.

    -
    - - - - - Source Code - -
    -
    -
    -
    -
    -

    RPN Calculator

    -

    Reverse Polish Notation calculator which represents expressions by placeing the operator after the operands.

    -
    - - - - - Source Code - -
    -
    -
    -
    -
    -

    Random Letter Generator Calculator

    -

    Generates randomized English alphabets used in brain teaser activities.

    -
    - - - - - Source Code - -
    -
    -

    Ratio Calculator

    @@ -2038,20 +1548,6 @@

    This tool allows users to input property details and obtain essential inform

    -
    -
    -

    Recipe Cost Calculator

    -

    This tool enables users to input ingredients and quantities to calculate the total cost of a recipe.

    -
    - - - - - Source Code - -
    -
    -

    Rectangular Polar Calculator

    @@ -2066,90 +1562,6 @@

    Converts Rectangular form into Polar form and vice versa.

    -
    -
    -

    Retirement Calculator

    -

    Predicts the user retirement savings growth.

    -
    - - - - - Source Code - -
    -
    -
    -
    -
    -

    Roman Numeral Calculator

    -

    Converts Roman Numeral form into Decimal form.

    -
    - - - - - Source Code - -
    -
    -
    -
    -
    -

    Salary Estimation Calculator

    -

    Estimates the expected salary based on some parameters.

    -
    - - - - - Source Code - -
    -
    -
    -
    -
    -

    Salary To Hourly Calculator

    -

    Calculates salary across across various timeframes simultaneously.

    -
    - - - - - Source Code - -
    -
    -
    -
    -
    -

    Savings Calculator

    -

    Calculates the total amount we can save over a specified period by making monthly deposits at a fixed interest rate.

    -
    - - - - - Source Code - -
    -
    -
    -
    -
    -

    Shoe Size Calculator

    -

    Calculator that helps to find the perfect shoe size.

    -
    - - - - - Source Code - -
    -
    -

    Short URL Calculator

    @@ -2374,20 +1786,6 @@

    Calculates Hours, Minutes, Seconds for any entered time.

    -
    -
    -

    Time Complexity Calculator

    -

    Calculates the time complexity of given programs by the user.

    -
    - - - - - Source Code - -
    -
    -

    Time Zone Calculator

    @@ -2402,20 +1800,6 @@

    Instantly find the time difference anywhere in the world.

    -
    -
    -

    Tip Calculator

    -

    Calculates the tip amount and final amount based on tip percentage and amount.

    -
    - - - - - Source Code - -
    -
    -

    Triangle Calculator

    @@ -2472,20 +1856,6 @@

    Calculates the typing speed in two different units.

    -
    -
    -

    Unit Calculator

    -

    Converts values between different units of measurement.

    -
    - - - - - Source Code - -
    -
    -

    Vector Calculator

    @@ -2500,20 +1870,6 @@

    Calculates the resultant vector, dot product and angle between 2 vectors.

    -
    -
    -

    Velocity Acceleration Calculator

    -

    Calculates the velocity and acceleration by taking distance and time.

    -
    - - - - - Source Code - -
    -
    -

    Vowel Consonant Calculator

    @@ -2542,34 +1898,6 @@

    Calculate daily water intake based on weight, activity, and weather.

    -
    -
    -

    Water TDS Calculator

    -

    Calculates the TDS of the given water sample.

    -
    - - - - - Source Code - -
    -
    -
    -
    -
    -

    Weather Calculator

    -

    Calculates wind chill factor, dew point, heat index, reports human thermal comfort and converts temperature.

    -
    - - - - - Source Code - -
    -
    -

    Website Bandwidth Calculator

    @@ -2625,20 +1953,15 @@

    Calculates the linear density of the yarn from unit system to another.

    - - -




    -

    No results found 🙃

    - +
    - + 🠕
    - @@ -2652,12 +1975,12 @@

    Calculates the linear density of the yarn from unit system to another.

    Created By Rakesh Roshan ❤️ | © - + \ No newline at end of file diff --git a/script.js b/script.js index fdc3c1e70..67eb6d5d1 100644 --- a/script.js +++ b/script.js @@ -111,8 +111,8 @@ function filterCalculators() { input = document.getElementById('calculatorSearch'); filter = input.value.toUpperCase(); calculators = document.querySelectorAll('.container .box'); - var noResults = document.getElementById('noResults'); - var hasResults = false; + console.log(filter) + console.log(calculators) for (i = 0; i < calculators.length; i++) { var calculator = calculators[i]; @@ -121,23 +121,12 @@ function filterCalculators() { if (calculatorName.toUpperCase().indexOf(filter) > -1) { calculator.style.display = "flex"; - hasResults = true; } else { calculator.style.display = "none"; } } - - if (hasResults) { - noResults.style.display = 'none'; - } else { - noResults.style.display = 'block'; - } } -document.addEventListener('DOMContentLoaded', function() { - document.getElementById('noResults').style.display = 'none'; -}); - // Voice command in search bar feature const searchBar = document.querySelector("#searchBar"); const searchBarInput = searchBar.querySelector("input"); @@ -198,3 +187,9 @@ else { console.log("Your Browser does not support speech Recognition"); info.textContent = "Your Browser does not support Speech Recognition"; } + + +const scroll = new LocomotiveScroll({ + el: document.querySelector('#main'), + smooth: true +}); \ No newline at end of file