Add animation to text presentation

1 files changed, 17 insertions, 2 deletions

diff --git a/src/css/_sommaire.scss b/src/css/_sommaire.scss
index c21c583..8c589f9 100755
--- a/src/css/_sommaire.scss
+++ b/src/css/_sommaire.scss
@@ -42,8 +42,6 @@
     margin: 0 auto;
     display: block;
   }
-
-
   @media #{$gt-gsm} {
     position: fixed;
     top: 0;
@@ -82,6 +80,23 @@
 .about {
   font-size: 0.8em;
   color: #666;
+  font-family: monospace;
+  align-items: center;
+  justify-content: center;
+}
+.about > .type_wrap {
+  display: inline-flex;
+}
+.type_wrap > .type {
+  animation: typing 1.5s steps(22);
+  width: 20ch;
+  white-space: nowrap;
+  overflow: hidden;
+}
+@keyframes typing {
+  0% {
+    width: 0;
+  }
 }
 .about_bar {
   display: inline-block;