Move style to CSS

tekktrik · Jan 31, 2024 · e466876 · e466876
1 parent db74bb5
commit e466876
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/flask_app/static/css/animations.css b/flask_app/static/css/animations.css
@@ -59,6 +59,8 @@
 }
 
 .recent-load-in {
+    height: 0;
+    opacity: 0;
     animation:
         InitClear var(--delay, 0s) step-end 0s,
         RecentLoadIn var(--duration, 0.5s) ease-out calc(var(--delay, 0s)),

diff --git a/flask_app/templates/recent.html b/flask_app/templates/recent.html
@@ -26,7 +26,7 @@
         <div class="row m-2">
         {% endif %}
             <div class="col-md-6">
-                <div class="card recent-load-in" style="--delay: {{ loop.index0 * 0.2 + 0.2}}s; height: 0; opacity: 0;">
+                <div class="card recent-load-in" style="--delay: {{ loop.index0 * 0.2 + 0.2}}s;">
                     <a href="{{ repo.url }}"><img src="/static/img/gh_cards/{{ current_datetime }}/card{{ loop.index0 }}.png" class="card-img-top"/></a>
                     <div class="card-body" style="background-color: white;">
                         {% if repo.languages.nodes|length == 0 %}