uploaded everything again...

css/animations/animations.css

@@ -0,0 +1,48 @@
+/*rotate 360*/
+@-webkit-keyframes spin {
+    from {
+        transform: rotate(0deg);
+    }
+    to {
+        transform: rotate(360deg);
+    }
+}
+@-moz-keyframes spin {
+    from {
+        transform: rotate(0deg);
+    }
+    to {
+        transform: rotate(360deg);
+    }
+}
+@-o-keyframes spin {
+    from {
+        transform: rotate(0deg);
+    }
+    to {
+        transform: rotate(360deg);
+    }
+}
+@keyframes spin {
+    from {
+        transform: rotate(0deg);
+    }
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+@keyframes warning {
+    0% {
+        border-bottom-color: rgba(0, 255, 255, 0.6);
+    }
+    25% {
+        border-bottom-color: rgba(255, 0, 0, 0.6);
+    }
+    80% {
+        border-bottom-color: rgba(0, 255, 255, 0.6)
+    }
+    100% {
+        border-bottom-color: rgba(0, 255, 255, 0.6)
+    }
+}

css/animations/entry_animations.css

@@ -0,0 +1,148 @@
+.entry {
+    animation: entry 2s ease 1 normal;
+}
+
+.entry-left {
+    animation: entry-left 4s ease 1 normal;
+}
+
+.entry-right {
+    animation: entry-right 4s ease 1 normal;
+}
+
+.entry-bottom {
+    animation: entry-bottom 4s ease 1 normal;
+}
+
+.typingAnimation {
+    overflow: hidden;
+    white-space: nowrap;
+    width: 8em;
+    
+    animation:
+        typing 5s;
+}
+
+
+/* this is entering transition from left*/
+@-webkit-keyframes entry-left {
+    from {
+        opacity: 0;
+        left: -800px;
+    }
+}
+@-moz-keyframes entry-left {
+    from {
+        opacity: 0;
+        left: -800px;
+    }
+}
+@-o-keyframes entry-left {
+    from {
+        opacity: 0;
+        left: -800px;
+    }
+}
+@keyframes entry-left {
+    from {
+        opacity: 0;
+        left: -800px;
+    }
+}
+
+/* this is entering transition from bottom */
+@-webkit-keyframes entry-bottom {
+    from {
+        opacity: 0;
+        bottom: -600px;
+    }
+}
+@-moz-keyframes entry-bottom {
+    from {
+        opacity: 0;
+        bottom: -600px;
+    }
+}
+@-o-keyframes entry-bottom {
+    from {
+        opacity: 0;
+        bottom: -600px;
+    }
+}
+@keyframes entry-bottom {
+    from {
+        opacity: 0;
+        bottom: -600px;
+    }
+}
+
+/* this is entering transition from right*/
+@-webkit-keyframes entry-right {
+    from {
+        opacity: 0;
+        right: -800px;
+    }
+}
+@-moz-keyframes entry-right {
+    from {
+        opacity: 0;
+        right: -800px;
+    }
+}
+@-o-keyframes entry-right {
+    from {
+        opacity: 0;
+        right: -800px;
+    }
+}
+@keyframes entry-right {
+    from {
+        opacity: 0;
+        right: -800px;
+    }
+}
+
+/* this is entering transition*/
+@-webkit-keyframes entry {
+    from {
+        opacity: 0;
+    }
+}
+@-moz-keyframes entry {
+    from {
+        opacity: 0;
+    }
+}
+@-o-keyframes entry {
+    from {
+        opacity: 0;
+    }
+}
+@keyframes entry {
+    from {
+        opacity: 0;
+    }
+}
+
+
+/*Typing*/
+@-webkit-keyframes typing {
+    from {
+        width: 0px;
+    }
+}
+@-moz-keyframes typing {
+    from {
+        width: 0px;
+    }
+}
+@-o-keyframes typing {
+    from {
+        width: 0px;
+    }
+}
+@keyframes typing {
+    from {
+        width: 0px;
+    }
+}