From e294105bfbf97d44eb5b205866e2dedab20e4b89 Mon Sep 17 00:00:00 2001 From: Sodium Sharma Date: Sat, 15 Oct 2022 15:07:03 +0530 Subject: [PATCH] Loader Added to all webpages --- BMI Calculator/index.html | 23 +++++++++++++++++-- HEX code color generator/index.html | 20 +++++++++++++++- alarm clock/index.html | 17 +++++++++++++- alarm clock/script.js | 12 ++++++++++ calculator/index.html | 34 ++++++++++++++++++++-------- giphy.gif | Bin 0 -> 134698 bytes index.html | 24 +++++++++++++++++++- 7 files changed, 116 insertions(+), 14 deletions(-) create mode 100644 giphy.gif diff --git a/BMI Calculator/index.html b/BMI Calculator/index.html index 3de3e5f..66f5d8a 100644 --- a/BMI Calculator/index.html +++ b/BMI Calculator/index.html @@ -10,6 +10,7 @@ integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous" /> + BMI Calculator - BMI Calculator - + +
+

BMI Calculator

@@ -152,6 +164,13 @@

BMI Calculator

} } }); + + var preloader = document.querySelector(".preloader"); + function loadFunc() { + setTimeout(function () { + preloader.style.display = "none"; + }, 1650); + } diff --git a/HEX code color generator/index.html b/HEX code color generator/index.html index 1e964b0..4dcaa40 100644 --- a/HEX code color generator/index.html +++ b/HEX code color generator/index.html @@ -34,9 +34,21 @@ box-shadow: 0px 20px 30px rgba(75, 75, 75, 0.2); border-radius: 15px; } + .preloader { + width: 100%; + height: 100vh; + background-color: #fff; + display: flex; + align-items: center; + justify-content: center; + position: fixed; + z-index: 100; + } - + +
+
diff --git a/alarm clock/index.html b/alarm clock/index.html index c624730..90da30a 100644 --- a/alarm clock/index.html +++ b/alarm clock/index.html @@ -17,9 +17,24 @@ /> Alarm Clock + + - + +
+