fix moz animation and other tweaks

3 files changed, 23 insertions, 17 deletions

diff --git a/css/website.css b/css/website.css
index 48ae34a..2274584 100644
--- a/css/website.css
+++ b/css/website.css
@@ -160,47 +160,42 @@ and (max-device-width: 900px)
 /* animation */
 
 @keyframes reveal2 {
-from {
-    opacity: 0;
-}
-to {
-    visibility: inherit;
-    
-}
+    from { opacity: 0; }
+    to { opacity: 1; }
 }
 
 .anim1,body {
+    opacity: 0;
     animation-delay: 0s;
-    visibility: hidden;
     animation: reveal2 .5s forwards;
     }
 
 .anim2,.content {
-    visibility: hidden;
+    opacity: 0;
     animation: reveal2 .5s forwards;
     animation-delay: 300ms;
 }
 
 .anim3 {
-    visibility: hidden;
+    opacity: 0;
     animation: reveal2 .5s forwards;
     animation-delay: 450ms;
 }
 
 .anim4 {
-    visibility: hidden;
+    opacity: 0;
     animation: reveal2 .5s forwards;
     animation-delay: 600ms;
 }
 
 .anim5 {
-    visibility: hidden;
+    opacity: 0;
     animation: reveal2 .5s forwards;
     animation-delay: 750ms;
 }
 
 .anim6 {
-    visibility: hidden;
+    opacity: 0;
     animation: reveal2 .5s forwards;
     animation-delay: 900ms;
 }
@@ -214,3 +209,9 @@ to {
 .h2t {
     margin: 15px 5px;
 }
+
+hr {
+    border-color: white;
+    border: 1px solid #ffffff1f;
+    margin: 60px 0px;
+}
\ No newline at end of file
diff --git a/templates/directory.html.twig b/templates/directory.html.twig
index bdb3a5c..cc02e7f 100644
--- a/templates/directory.html.twig
+++ b/templates/directory.html.twig
@@ -13,7 +13,6 @@
 		{% include 'partials/header.html.twig' %}
 		<div class="center">
 			<div class="content">
-				<h1>Blog pages</h1>
 				{{ page.content|raw }}
                 {% include 'partials/list.html.twig' %}
 				{% include 'partials/navigation.html.twig' %}
diff --git a/templates/partials/header.html.twig b/templates/partials/header.html.twig
index 4229a92..0c02cfe 100644
--- a/templates/partials/header.html.twig
+++ b/templates/partials/header.html.twig
@@ -1,11 +1,17 @@
 		<div class="header">
             {% if page.header.icon %}
-			<span class=icon>{{page.header.icon}}</span>
+			    <span class=icon>{{page.header.icon}}</span>
             {% else %}
-            <span class=icon>web</span>
+                <span class=icon>web</span>
             {% endif %}
             {% if page.url != "/" %}
-            <a href="/" style="color:white;">{{site.title|e}}</a>
+                <a href="/" style="color:white;">{{site.title|e}}</a>
             {% endif %}
+            {% if page.parent.url != "/" %}
+                <a href="{{ page.parent.url }}">
+                    <span class="icon" style="color: white;">close</span>
+                </a>
+            {% else %}
             <span class="icon" style="color:transparent;">web</span>
+            {% endif %}
 		</div>
\ No newline at end of file