removed onload animation

zesameri · zesameri · commit 56613e4140be · 2019-03-13T19:15:37.000-04:00
diff --git a/css/main.css b/css/main.css
@@ -72,53 +72,8 @@ a:focus {
 	margin: -50px 0 0 -50px;
   border-radius: 50%;
 	pointer-events: none;
-	animation: loaderAnim 4s ease-in-out infinite normal forwards;
 }
 
-@keyframes loaderAnim {
-
-	0%  {
-    border-radius:5% 5% 5% 5%;
-    transform:rotate(0deg);
-		background: #3f51b5;
-  }
-  12%  {
-    border-radius:50% 5% 5% 5%;
-    transform:rotate(45deg);
-  }
-  25%  {
-    border-radius:50% 50% 5% 5%;
-    transform:rotate(90deg);
-		background: #2196f3;
-  }
-  37%  {
-    border-radius:50% 50% 50% 5%;
-    transform:rotate(135deg);
-  }
-  50% {
-     border-radius:50%;
-     transform:rotate(180deg);
- 		 background: #03a9f4;
-  }
-	62%  {
-    border-radius:5% 50% 50% 50%;
-    transform:rotate(225deg);
-  }
-  75%  {
-    border-radius: 5% 5% 50% 50%;
-    transform:rotate(270deg);
-		background: #2196f3;
-  }
-  87%  {
-    border-radius:5% 5% 5% 50%;
-    transform:rotate(315deg);
-  }
-  100%  {
-    border-radius:5% 5% 5% 5%;
-    transform:rotate(360deg);
-		background: #3f51b5;
-  }
-}
 
 main {
 	overflow: hidden;
diff --git a/index.html b/index.html
@@ -37,7 +37,7 @@
     </script>
 </head>
 
-<body class="loading">
+<body>
   <svg class="hidden">
     <!-- All deco shapes -->
     <defs>
diff --git a/js/main.js b/js/main.js
@@ -128,7 +128,6 @@
 
 	const items = Array.from(document.querySelectorAll('.item'));
 	const init = (() => items.forEach(item => new ImgItem(item)))();
-	setTimeout(() => document.body.classList.remove('loading'), 4000);
 };
 
 $(window).scroll(function() {
