From 5929408c6ca32ed2714ceca35c871420fdff0ccd Mon Sep 17 00:00:00 2001
From: ache <ache@ache.one>
Date: Tue, 25 May 2021 00:56:31 +0200
Subject: Add animation to text presentation

---
 src/css/_sommaire.scss | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

(limited to 'src')

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;
-- 
cgit v1.2.3