Add Preloader

amfoss · Mar 7, 2019 · 65f45f7 · 65f45f7
1 parent f225dde
commit 65f45f7
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 0 deletions.
diff --git a/.ebextensions/django.config b/.ebextensions/django.config
@@ -0,0 +1,3 @@
+option_settings:
+  aws:elasticbeanstalk:container:python:
+    WSGIPath: framework/wsgi.py
diff --git a/pages/static/pages/styles/styles.sass b/pages/static/pages/styles/styles.sass
@@ -153,6 +153,16 @@ img
     #topbar
         display: none!important
 
+#preload-screen
+    @extend %flex-center
+    background: white
+    width: 100%
+    position: absolute
+    top: 0
+    left: 0
+    height: 100%
+    z-index: 10000
+
 #page-container
     position: relative
     margin-top: 4rem
@@ -175,6 +185,7 @@ img
         font-size: 1.5rem
         font-weight: 300
         animation-duration: 0.4s
+        padding: 2rem 1rem
 
     img
         height: 1.3rem

diff --git a/templates/base.haml b/templates/base.haml
@@ -32,6 +32,8 @@
         {% block scripts %}{% endblock %}
 
     %body
+        #preload-screen
+            <img src="{% static 'pages/images/preloader.gif' %}">
         {% include './sidebar.haml' %}
         #page-container
             {% block content %}
@@ -75,6 +77,8 @@
               WOW.prototype.addBox = function(element) {
                 this.boxes.push(element);
               };
+
+            $('#preload-screen').addClass('animated fadeOut');
             -# $('.anime').on('scrollSpy:exit', function() {
             -#    $(this).css({
             -#      'visibility': 'hidden',