diff options
| -rw-r--r-- | about.html | 12 | ||||
| -rw-r--r-- | css/component/icon.css | 9 | ||||
| -rw-r--r-- | css/style.css | 9 |
3 files changed, 18 insertions, 12 deletions
@@ -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/F#/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/C++: 对于系统级编程，Rust/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/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/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"); |