updated

6 files changed, 32 insertions, 15 deletions

diff --git a/pages/info/about.html b/pages/info/about.html
index 71c6c3b8..1100f3f6 100644
--- a/pages/info/about.html
+++ b/pages/info/about.html
@@ -19,10 +19,8 @@
                   <img src="https://avatars.githubusercontent.com/u/97672521" alt="Me" loading="lazy">
               </div>
               <div class="right">
-                  <div class="info">
-                      <div class="name">
-                          <strong>littleblack111</strong>
-                      </div>
+                  <div class="main">
+                        <strong class="name">littleblack111</strong>
                       <div class="intro">
                           <strong>Who am I</strong>
                           <p>I'm a senior programmer</p>
diff --git a/src/css/about.css b/src/css/about.css
index 0cb28985..eb9caa37 100644
--- a/src/css/about.css
+++ b/src/css/about.css
@@ -21,6 +21,7 @@ body {
     align-items: center;
     margin: auto;
     justify-content: center;
+    margin-top: 4em;
     /* background-color: #f1f1f1; */
 }
 
@@ -30,29 +31,34 @@ body {
 }
 
 .right {
-    flex: 1;
-    padding: 20px;
+    /* flex: 1; */
+  display: flex;
+  height: 100%;
+  margin-top: 10em;
 }
 
-.info {
-    margin-bottom: 20px;
+.main {
+  margin: auto;
 }
 
-.info h2 {
+.main h2 {
     font-size: 24px;
     margin-bottom: 10px;
 }
 
-.info p {
+.main p {
     font-size: 16px;
     margin: 0;
 }
 
+.info {
+  height: 80%;
+}
+
 
 .name {
   font-family: smooth;
-  font-size: 5vw;
-
+  font-size: 10vw;
 }
 
 .background {
diff --git a/src/css/ghrepo.css b/src/css/ghrepo.css
index 64903e87..3912c051 100644
--- a/src/css/ghrepo.css
+++ b/src/css/ghrepo.css
@@ -253,6 +253,7 @@ input:active,
     justify-content: center;
     align-items: flex-start;
     background: transparent;
+    scroll-snap-type: y mandatory;
     /* background: rgba(128, 128, 128, 0.2); */
 }
 
@@ -270,7 +271,8 @@ input:active,
     -ms-filter: blur(20px);
     -webkit-backdrop-filter: blur(20px);
     backdrop-filter: blur(20px);
-    -webkit-transition: all 0.5s
+    -webkit-transition: all 0.5s;
+    scroll-snap-align: center
     /* box-shadow: 0 0 10mm rgba(0,0,0,.7); */
     /* background: rgba(128, 128, 128, 0.1); */
 }
@@ -371,6 +373,17 @@ input:active,
     box-shadow: 0 0 10mm rgba(0,0,0,.7);
 }
 
+.rdescription {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+  overflow: hidden
+}
+
+.rdescription:hover {
+  -webkit-line-clamp: unset;
+}
+
 .user-info * {
   background: transparent;
 }
diff --git a/src/css/index.css b/src/css/index.css
index d699d868..1b6f2641 100644
--- a/src/css/index.css
+++ b/src/css/index.css
@@ -115,7 +115,7 @@
     /* z-index: -1; */
     /* transform: translateZ(30px); */
     font-family: rocksalt;
-    font-size: 1.5vw;
+    font-size: 1.75vw;
 }
 
 
diff --git a/src/css/style.css b/src/css/style.css
index 3f9236bf..7fcc5ea7 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -46,6 +46,7 @@
 body {
     top: 0;
     left: 0;
+    transition: background 1s ease-in-out;
 }
 
 body::-webkit-scrollbar {
diff --git a/tmp/.htmltest/htmltest.log b/tmp/.htmltest/htmltest.log
index ea3335ec..e69de29b 100644
--- a/tmp/.htmltest/htmltest.log
+++ b/tmp/.htmltest/htmltest.log
@@ -1 +0,0 @@
-target does not exist --- pages/info/about.html --> /images/self.jpg