deploy: 07d311938544595ec40093bac11c80f3c1e08076

3 files changed, 18 insertions, 12 deletions

diff --git a/about.html b/about.html
index 183b3da7..09b2739e 100644
--- a/about.html
+++ b/about.html
@@ -147,19 +147,23 @@
 </div>
     <div class="post-content">
     <h2 id="计算机科学"><a href="#计算机科学" class="headerlink" title="计算机科学"></a>计算机科学</h2><p><img src="http://github-profile-summary-cards.vercel.app/api/cards/most-commit-language?username=muqiuhan&theme=github_dark"></p>
-<p><a target="_blank" rel="noopener" href="https://ocaml.org/"> <img src="https://raw.githubusercontent.com/ocaml/ocaml-logo/master/Colour/PNG/colour-icon.png" height="50px" width="50px"> </a><br><a target="_blank" rel="noopener" href="https://fsharp.org/"> <img src="https://fsharp.org/img/logo/fsharp256.png" height="50px" width="50px"> </a><br><a target="_blank" rel="noopener" href="https://rescript-lang.org/"> <img src="https://rescript-lang.org/static/[email protected]" height="50px" width="50px"> </a></p>
+<a target="_blank" rel="noopener" href="https://ocaml.org/"> 
+        <img class="icon" src="https://raw.githubusercontent.com/ocaml/ocaml-logo/master/Colour/PNG/colour-icon.png" height="50px" width="50px"> </a>
+    <a target="_blank" rel="noopener" href="https://fsharp.org/"> <img class="icon" src="https://fsharp.org/img/logo/fsharp256.png" height="50px" width="50px"> </a>
+    <a target="_blank" rel="noopener" href="https://rescript-lang.org/"> <img class="icon" src="https://rescript-lang.org/static/[email protected]" height="50px" width="50px"> </a>
+
 <ul>
 <li>OCaml&#x2F;F#&#x2F;Rescript: 我热衷于实用函数式编程，尤其是ML语言家族。喜欢用OCaml研究编程语言编译器，用F#写Web全栈项目。Rescript很年轻，很有活力，我很期待！</li>
 </ul>
-<p><a target="_blank" rel="noopener" href="https://rust-lang.org/"> <img src="https://raw.githubusercontent.com/lecepin/rust-logo/main/images/1659961579952.png" height="50px" width="50px"> </a><br><a target="_blank" rel="noopener" href="https://cppreference.com/"> <img src="https://raw.githubusercontent.com/isocpp/logos/master/cpp_logo.png" height="50px" width="50px"> </a></p>
+<p><a target="_blank" rel="noopener" href="https://rust-lang.org/"> <img class="icon" src="https://raw.githubusercontent.com/lecepin/rust-logo/main/images/1659961579952.png" height="50px" width="50px"> </a><br><a target="_blank" rel="noopener" href="https://cppreference.com/"> <img class="icon" src="https://raw.githubusercontent.com/isocpp/logos/master/cpp_logo.png" height="50px" width="50px"> </a></p>
 <ul>
 <li>Rust&#x2F;C++: 对于系统级编程，Rust&#x2F;C++可能更适合。用它们研究操作系统内核和数据库系统等底层领域。</li>
 </ul>
-<p><a target="_blank" rel="noopener" href="https://www.scala-lang.org/"> <img src="https://www.scala-lang.org/resources/img/frontpage/scala-spiral.png" height="50px" width="50px"> </a><br><a target="_blank" rel="noopener" href="https://clojure.org/"> <img src="https://clojure.org/images/clojure-logo-120b.png" height="50px" width="50px"> </a></p>
+<p><a target="_blank" rel="noopener" href="https://www.scala-lang.org/"> <img class="icon" src="https://www.scala-lang.org/resources/img/frontpage/scala-spiral.png" height="50px" width="50px"> </a><br><a target="_blank" rel="noopener" href="https://clojure.org/"> <img class="icon" src="https://clojure.org/images/clojure-logo-120b.png" height="50px" width="50px"> </a></p>
 <ul>
 <li>Scala&#x2F;Clojure: 让我在JVM上获得些许快乐。</li>
 </ul>
-<p><a target="_blank" rel="noopener" href="https://racket-lang.org/"> <img src="https://racket-lang.org/img/racket-logo.svg" height="50px" width="50px"> </a><br><a target="_blank" rel="noopener" href="https://www.python.org/"> <img src="https://s3.dualstack.us-east-2.amazonaws.com/pythondotorg-assets/media/community/logos/python-logo-only.png" height="50px" width="50px"></a></p>
+<p><a target="_blank" rel="noopener" href="https://racket-lang.org/"> <img class="icon" src="https://racket-lang.org/img/racket-logo.svg" height="50px" width="50px"> </a><br><a target="_blank" rel="noopener" href="https://www.python.org/"> <img class="icon" src="https://s3.dualstack.us-east-2.amazonaws.com/pythondotorg-assets/media/community/logos/python-logo-only.png" height="50px" width="50px"></a></p>
 <ul>
 <li>Python&#x2F;Racket: 一些简单的脚本。</li>
 </ul>
diff --git a/css/component/icon.css b/css/component/icon.css
index c7dbd0ab..56f4165e 100644
--- a/css/component/icon.css
+++ b/css/component/icon.css
@@ -1,8 +1,9 @@
 .icon {
-  display: block;
-  background-color: $color-text-primary;
-  width: $icon-size;
-  height: $icon-size;
+  display: inline;
+  background-color: $color-icon-background;
+  width: 3em;
+  height: auto;
+  float: right;
 }
 .arrow-up {
   -webkit-mask-image: url("../icon/arrow-up.svg");
diff --git a/css/style.css b/css/style.css
index fe351c8d..84a43be3 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1130,10 +1130,11 @@ ul li.task-list-item>input[type=checkbox]:before {
   --webkit-touch-callout: none;
 }
 .icon {
-  display: block;
-  background-color: #373633;
-  width: 1.25rem;
-  height: 1.25rem;
+  display: inline;
+  background-color: $color-icon-background;
+  width: 3em;
+  height: auto;
+  float: right;
 }
 .arrow-up {
   -webkit-mask-image: url("../icon/arrow-up.svg");