From 1522b10f41d525d313c5257f12f45624b7449651 Mon Sep 17 00:00:00 2001 From: Roberto Beltran Date: Tue, 26 Oct 2021 18:05:15 -0400 Subject: [PATCH] delete preloader --- 404.html | 2 - _includes/preloader.html | 13 ----- _layouts/default.html | 2 - js/pre-loader.js | 22 -------- scss/_keyframe.scss | 107 --------------------------------------- 5 files changed, 146 deletions(-) delete mode 100644 _includes/preloader.html delete mode 100644 js/pre-loader.js diff --git a/404.html b/404.html index 392ebc8..5ec861a 100644 --- a/404.html +++ b/404.html @@ -22,7 +22,6 @@ - {% include preloader.html %}
@@ -51,7 +50,6 @@

Error. We can’t find the page you’re looking for.

- diff --git a/_includes/preloader.html b/_includes/preloader.html deleted file mode 100644 index aa32733..0000000 --- a/_includes/preloader.html +++ /dev/null @@ -1,13 +0,0 @@ -
-
-
-
-
- -

{{ site.title }}

-
-
- -
-
diff --git a/_layouts/default.html b/_layouts/default.html index d43a296..5773da5 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -26,7 +26,6 @@ - {% include preloader.html %}
{% include menu.html %} @@ -47,7 +46,6 @@ - diff --git a/js/pre-loader.js b/js/pre-loader.js deleted file mode 100644 index 3fc43b8..0000000 --- a/js/pre-loader.js +++ /dev/null @@ -1,22 +0,0 @@ -(function ($) { - "use strict"; - - /*============= preloader js css =============*/ - var cites = []; - cites[0] = - "We design Docy for the readers, optimizing not for page views or engagement"; - cites[1] = "Docy turns out that context is a key part of learning."; - cites[2] = "You can create any type of product documentation with Docy"; - cites[3] = "Advanced visual search system powered by Ajax"; - var cite = cites[Math.floor(Math.random() * cites.length)]; - $("#preloader p").text(cite); - $("#preloader").addClass("loading"); - - $(window).on("load", function () { - setTimeout(function () { - $("#preloader").fadeOut(500, function () { - $("#preloader").removeClass("loading"); - }); - }, 500); - }); -})(jQuery); diff --git a/scss/_keyframe.scss b/scss/_keyframe.scss index b1133a3..edbdc9b 100644 --- a/scss/_keyframe.scss +++ b/scss/_keyframe.scss @@ -171,111 +171,4 @@ } .clipInDown { animation-name: clipInDown; -} - -/*================ preloader css ====================*/ -#preloader { - background: #fff; - height: 100%; - bottom: 0; - left: 0; - position: fixed; - right: 0; - top: 0; - z-index: 999; - display: flex; - align-items: center; - justify-content: center; - text-align: center; - .loading { - display: flex; - } - .ctn-preloader{ - padding-left: 15px; - padding-right: 15px; - } - .spinner{ - animation: spinner 3s infinite linear; - border-radius: 50%; - border: 3px solid #f1f6f8; - border-left-color: #2244A4; - border-top-color: #832DC4; - margin: 0 auto 0em auto; - position: absolute; - left: -40px; - right: -40px; - bottom: -40px; - top: -40px; - &:before{ - content: ""; - width: 20px; - height: 20px; - border: 6px solid #fff; - box-shadow: 0 0 20px 0 rgba(4, 46, 56, 0.2); - background: $brand_color; - position: absolute; - right: 31px; - top: 41px; - border-radius: 50%; - @media (max-width: 576px){ - top: 18px; - } - } - } - .round_spinner{ - border-width: 1px; - border-color: rgb(238, 243, 244); - border-style: solid; - border-radius: 50%; - background-color: rgb(253, 253, 253); - box-shadow: 0 0 100px 0 rgba(4, 46, 56, 0.14); - width: 248px; - height: 248px; - display: flex; - align-items: center; - justify-content: center; - position: relative; - margin: 40px auto 80px; - @media (max-width: 576px){ - width: 155px; - height: 155px; - } - h4{ - font-size: 30px; - font-weight: 400; - margin-bottom: 0; - color: #832DC4; - span{ - font-weight: 700; - } - } - } -} -#preloader .head { - color: $h_title; - display: block; - font-size: 26px; - font-weight: 700; - letter-spacing: 5.2px; - text-transform: uppercase; - text-align: center; - font-family: $rob; - margin: 5% 0 1% 0; - padding: 0; -} -#preloader p{ - color: $p_color; - display: block; - font-size: 14px; - font-weight: 400; - text-align: center; - border: none; - margin: 0; - padding: 0; -} - -@keyframes spinner { - to { - transform: rotateZ(360deg); - } } \ No newline at end of file