From f1218d7eafd1c9f39143c17edbb94800cc5de30b Mon Sep 17 00:00:00 2001
From: amphineko <sukareki@gmail.com>
Date: Tue, 20 Oct 2020 09:45:28 +0800
Subject: [PATCH] reduce visual disturbance

---
 src/index.css                  |  6 +++++-
 src/index.html                 | 21 +++------------------
 src/stylesheets/identities.css | 22 +++++++---------------
 src/stylesheets/intro.css      | 13 ++++++++-----
 4 files changed, 23 insertions(+), 39 deletions(-)

diff --git a/src/index.css b/src/index.css
index 98dab7c..98261c1 100644
--- a/src/index.css
+++ b/src/index.css
@@ -38,11 +38,15 @@ html {
     background: url(./assets/images/container-background.svg) grey;
     background-size: cover;
     box-shadow: 0 0 0.15em 0.15em rgba(0, 0, 0, 0.125);
-    padding: 1em 0;
+    padding-top: 1em;
     margin: 0 auto;
     max-width: 64em;
 }
 
+.section.intro {
+    background: rgba(255, 255, 255, 0.95);
+}
+
 .no-wrap {
     display: inline-block;
 }
diff --git a/src/index.html b/src/index.html
index bfd8f5c..db59d25 100644
--- a/src/index.html
+++ b/src/index.html
@@ -73,16 +73,13 @@
                         <i aria-hidden="true" class="fas fa-network-wired"></i>
                         <span class="content">AS205058</span>
                     </a>
-                    <a class="label" href="#">
-                        <span class="content"><small>AS396303</small></span>
-                    </a>
                 </div>
 
                 <div class="label-group">
                     <span class="header">platforms</span>
                     <span class="label">
                         <i aria-hidden="true" class="fab fa-linux"></i>
-                        debian gentoo
+                        alpine debian gentoo
                     </span>
                     <span class="label">
                         <i aria-hidden="true" class="fab fa-apple"></i>
@@ -221,25 +218,13 @@
                         <span class="header alt"><i aria-hidden="true" class="fas fa-tag"></i>simulation</span>
 
                         <span class="label">
-                            <i aria-hidden="true" class="fal fa-city"></i>
-                            Cities: Skylines
+                            <i aria-hidden="true" class="fad fa-paper-plane"></i>
+                            MSFS & X-Plane
                         </span>
                         <span class="label">
                             <i aria-hidden="true" class="fal fa-train"></i>
                             Train Simulator<small>s</small>
                         </span>
-                        <span class="label">
-                            <i aria-hidden="true" class="fal fa-subway"></i>
-                            電車でGO!
-                        </span>
-                        <span class="label">
-                            <i aria-hidden="true" class="fad fa-paper-plane"></i>
-                            FS 9 & FS X
-                        </span>
-                        <span class="label">
-                            <i aria-hidden="true" class="fad fa-plane-departure"></i>
-                            X-Plane
-                        </span>
                     </div>
 
                     <div class="label-group">
diff --git a/src/stylesheets/identities.css b/src/stylesheets/identities.css
index bb82742..1c8ed8d 100644
--- a/src/stylesheets/identities.css
+++ b/src/stylesheets/identities.css
@@ -38,12 +38,11 @@ figure.identities ul li a {
     line-height: 1.75em;
     padding: 0.5em 0.25em;
     text-decoration: none;
-    transition-duration: .25s;
+    transition-duration: 0.25s;
 }
 
 figure.identities ul li a:hover {
-    background-color: rgba(1, 105, 124, .01);
-    box-shadow: inset 0 -0.5em 0.5em -0.5em rgba(1, 105, 124, .1);
+    background-color: rgba(1, 105, 124, 0.05);
 }
 
 figure.identities ul li a i {
@@ -57,23 +56,16 @@ figure.identities ul li a .fake-link {
     float: right;
 }
 
-/* shutdown */
-
-figure.identities ul li.shutdown a {
-    cursor: not-allowed;
-    text-decoration: line-through;
-}
-
-figure.identities ul li.shutdown a:hover {
-    box-shadow: inset 0 -0.5em 0.5em -0.5em #C93756;
-    color: #ddd;
-}
+/* shutdown & redacted */
 
+figure.identities ul li.shutdown a .label,
 figure.identities ul li.shutdown a .fake-link {
     text-decoration: line-through;
-    transition-duration: .25s;
+    transition-duration: 0.25s;
 }
 
+figure.identities ul li.shutdown a:hover .label,
 figure.identities ul li.shutdown a:hover .fake-link {
     color: #ddd;
+    text-decoration-color: #c93756;
 }
diff --git a/src/stylesheets/intro.css b/src/stylesheets/intro.css
index 30f23c8..640d467 100644
--- a/src/stylesheets/intro.css
+++ b/src/stylesheets/intro.css
@@ -1,5 +1,4 @@
 .intro {
-    background: rgba(255, 255, 255, 0.98);
     margin: 1.5em 0;
     padding: 1em 0;
 }
@@ -22,7 +21,6 @@
 }
 
 .intro p {
-    border-left: 0.25em solid #006080;
     color: #555;
     font-size: 1.2em;
     font-weight: 300;
@@ -33,11 +31,16 @@
 }
 
 .intro .label-group {
-    box-shadow: inset 0.25em 0 0.25em -0.25em #4600806b;
-    margin-top: 2em;
+    border-bottom: .1em solid rgba(0,0,0,.05);
+    display: block;
+    margin-top: 3em;
     width: 100%;
 }
 
+.intro .label-group:last-child {
+    border-bottom: none;
+}
+
 .intro .label-group .header.alt {
     color: #777;
     font-size: 1em;
@@ -53,7 +56,7 @@
 
 .intro .label-group .label {
     background: transparent;
-    box-shadow: inset 0 -.25em .25em -.25em rgba(1, 105, 124, 0.5);
+    box-shadow: none;
     margin: 0.25em 0.25em;
     padding: 0 0.25em;
     transition-duration: .5s;