From 0fb528619a4c08e38f3fdd5a8ebbe9c628c236d9 Mon Sep 17 00:00:00 2001 From: nsfisis Date: Sat, 18 Mar 2023 16:53:57 +0900 Subject: fix(style): fix corrupted header on mobile device --- public/about/index.html | 2 +- public/posts/2021-03-05/my-first-post/index.html | 2 +- public/posts/2021-03-30/phperkaigi-2021/index.html | 2 +- .../index.html | 2 +- .../python-unbound-local-error/index.html | 2 +- .../ruby-detect-running-implementation/index.html | 2 +- .../ruby-then-keyword-and-case-in/index.html | 2 +- .../rust-where-are-primitive-types-from/index.html | 2 +- .../index.html | 2 +- .../vim-swap-order-of-selected-lines/index.html | 2 +- .../2022-04-09/phperkaigi-2022-tokens/index.html | 2 +- .../index.html | 2 +- public/posts/2022-05-01/phperkaigi-2022/index.html | 2 +- .../php-conference-okinawa-code-golf/index.html | 2 +- .../index.html | 2 +- .../index.html | 2 +- .../phperkaigi-2023-unused-token-quiz-1/index.html | 2 +- .../setup-server-for-this-site/index.html | 2 +- .../phperkaigi-2023-unused-token-quiz-2/index.html | 2 +- .../phperkaigi-2023-unused-token-quiz-3/index.html | 2 +- .../rewrite-this-blog-generator/index.html | 2 +- public/posts/index.html | 2 +- public/style.css | 23 ++++++++++++++++------ public/tags/conference/index.html | 2 +- public/tags/cpp/index.html | 2 +- public/tags/cpp17/index.html | 2 +- public/tags/note-to-self/index.html | 2 +- public/tags/php/index.html | 2 +- public/tags/phpcon/index.html | 2 +- public/tags/phperkaigi/index.html | 2 +- public/tags/python/index.html | 2 +- public/tags/python3/index.html | 2 +- public/tags/ruby/index.html | 2 +- public/tags/ruby3/index.html | 2 +- public/tags/rust/index.html | 2 +- public/tags/vim/index.html | 2 +- static/style.css | 23 ++++++++++++++++------ 37 files changed, 69 insertions(+), 47 deletions(-) diff --git a/public/about/index.html b/public/about/index.html index 6cbdf13..6cb371c 100644 --- a/public/about/index.html +++ b/public/about/index.html @@ -8,7 +8,7 @@ About | REPL: Rest-Eat-Program Loop - +
diff --git a/public/posts/2021-03-05/my-first-post/index.html b/public/posts/2021-03-05/my-first-post/index.html index 6f2394a..9ef8317 100644 --- a/public/posts/2021-03-05/my-first-post/index.html +++ b/public/posts/2021-03-05/my-first-post/index.html @@ -8,7 +8,7 @@ My First Post | REPL: Rest-Eat-Program Loop - + diff --git a/public/posts/2021-03-30/phperkaigi-2021/index.html b/public/posts/2021-03-30/phperkaigi-2021/index.html index ea94e0b..3cc1e38 100644 --- a/public/posts/2021-03-30/phperkaigi-2021/index.html +++ b/public/posts/2021-03-30/phperkaigi-2021/index.html @@ -9,7 +9,7 @@ PHPerKaigi 2021 | REPL: Rest-Eat-Program Loop - + diff --git a/public/posts/2021-10-02/cpp-you-can-use-keywords-in-attributes/index.html b/public/posts/2021-10-02/cpp-you-can-use-keywords-in-attributes/index.html index 274996b..6716c43 100644 --- a/public/posts/2021-10-02/cpp-you-can-use-keywords-in-attributes/index.html +++ b/public/posts/2021-10-02/cpp-you-can-use-keywords-in-attributes/index.html @@ -9,7 +9,7 @@ 【C++】 属性構文の属性名にはキーワードが使える | REPL: Rest-Eat-Program Loop - + diff --git a/public/posts/2021-10-02/python-unbound-local-error/index.html b/public/posts/2021-10-02/python-unbound-local-error/index.html index 5fe1b83..01a64b4 100644 --- a/public/posts/2021-10-02/python-unbound-local-error/index.html +++ b/public/posts/2021-10-02/python-unbound-local-error/index.html @@ -9,7 +9,7 @@ 【Python】 クロージャとUnboundLocalError: local variable 'x' referenced before assignment | REPL: Rest-Eat-Program Loop - + diff --git a/public/posts/2021-10-02/ruby-detect-running-implementation/index.html b/public/posts/2021-10-02/ruby-detect-running-implementation/index.html index ce288d0..ef9b7a9 100644 --- a/public/posts/2021-10-02/ruby-detect-running-implementation/index.html +++ b/public/posts/2021-10-02/ruby-detect-running-implementation/index.html @@ -9,7 +9,7 @@ 【Ruby】 自身を実行している処理系の種類を判定する | REPL: Rest-Eat-Program Loop - + diff --git a/public/posts/2021-10-02/ruby-then-keyword-and-case-in/index.html b/public/posts/2021-10-02/ruby-then-keyword-and-case-in/index.html index f3a9c5c..d027ec6 100644 --- a/public/posts/2021-10-02/ruby-then-keyword-and-case-in/index.html +++ b/public/posts/2021-10-02/ruby-then-keyword-and-case-in/index.html @@ -9,7 +9,7 @@ 【Ruby】 then キーワードと case in | REPL: Rest-Eat-Program Loop - + diff --git a/public/posts/2021-10-02/rust-where-are-primitive-types-from/index.html b/public/posts/2021-10-02/rust-where-are-primitive-types-from/index.html index 1992bb4..60e326d 100644 --- a/public/posts/2021-10-02/rust-where-are-primitive-types-from/index.html +++ b/public/posts/2021-10-02/rust-where-are-primitive-types-from/index.html @@ -9,7 +9,7 @@ Rust のプリミティブ型はどこからやって来るか | REPL: Rest-Eat-Program Loop - + diff --git a/public/posts/2021-10-02/vim-difference-between-autocmd-bufwrite-and-bufwritepre/index.html b/public/posts/2021-10-02/vim-difference-between-autocmd-bufwrite-and-bufwritepre/index.html index 514d99d..46e3218 100644 --- a/public/posts/2021-10-02/vim-difference-between-autocmd-bufwrite-and-bufwritepre/index.html +++ b/public/posts/2021-10-02/vim-difference-between-autocmd-bufwrite-and-bufwritepre/index.html @@ -9,7 +9,7 @@ 【Vim】 autocmd events の BufWrite/BufWritePre の違い | REPL: Rest-Eat-Program Loop - + diff --git a/public/posts/2021-10-02/vim-swap-order-of-selected-lines/index.html b/public/posts/2021-10-02/vim-swap-order-of-selected-lines/index.html index 345f0d6..2470434 100644 --- a/public/posts/2021-10-02/vim-swap-order-of-selected-lines/index.html +++ b/public/posts/2021-10-02/vim-swap-order-of-selected-lines/index.html @@ -9,7 +9,7 @@ Vimで選択した行の順番を入れ替える | REPL: Rest-Eat-Program Loop - + diff --git a/public/posts/2022-04-09/phperkaigi-2022-tokens/index.html b/public/posts/2022-04-09/phperkaigi-2022-tokens/index.html index 3123f9d..7e9a000 100644 --- a/public/posts/2022-04-09/phperkaigi-2022-tokens/index.html +++ b/public/posts/2022-04-09/phperkaigi-2022-tokens/index.html @@ -9,7 +9,7 @@ PHPerKaigi 2022 トークン問題の解説 | REPL: Rest-Eat-Program Loop - + diff --git a/public/posts/2022-04-24/term-banner-write-tool-showing-banner-in-terminal/index.html b/public/posts/2022-04-24/term-banner-write-tool-showing-banner-in-terminal/index.html index 1832448..7d7c0f2 100644 --- a/public/posts/2022-04-24/term-banner-write-tool-showing-banner-in-terminal/index.html +++ b/public/posts/2022-04-24/term-banner-write-tool-showing-banner-in-terminal/index.html @@ -8,7 +8,7 @@ term-banner: ターミナルにバナーを表示するツールを書いた | REPL: Rest-Eat-Program Loop - + diff --git a/public/posts/2022-05-01/phperkaigi-2022/index.html b/public/posts/2022-05-01/phperkaigi-2022/index.html index 809ae6f..923543f 100644 --- a/public/posts/2022-05-01/phperkaigi-2022/index.html +++ b/public/posts/2022-05-01/phperkaigi-2022/index.html @@ -9,7 +9,7 @@ PHPerKaigi 2022 | REPL: Rest-Eat-Program Loop - + diff --git a/public/posts/2022-08-27/php-conference-okinawa-code-golf/index.html b/public/posts/2022-08-27/php-conference-okinawa-code-golf/index.html index d1c5faa..408228b 100644 --- a/public/posts/2022-08-27/php-conference-okinawa-code-golf/index.html +++ b/public/posts/2022-08-27/php-conference-okinawa-code-golf/index.html @@ -9,7 +9,7 @@ PHP カンファレンス沖縄で出題されたコードゴルフの問題を解いてみた | REPL: Rest-Eat-Program Loop - + diff --git a/public/posts/2022-08-31/support-for-communty-is-employee-benefits/index.html b/public/posts/2022-08-31/support-for-communty-is-employee-benefits/index.html index 8262720..1c727d2 100644 --- a/public/posts/2022-08-31/support-for-communty-is-employee-benefits/index.html +++ b/public/posts/2022-08-31/support-for-communty-is-employee-benefits/index.html @@ -8,7 +8,7 @@ 弊社の PHP Foundation への寄付に寄せて | REPL: Rest-Eat-Program Loop - + diff --git a/public/posts/2022-09-29/write-fizzbuzz-in-php-2-letters-per-line/index.html b/public/posts/2022-09-29/write-fizzbuzz-in-php-2-letters-per-line/index.html index e97e28b..5cf3564 100644 --- a/public/posts/2022-09-29/write-fizzbuzz-in-php-2-letters-per-line/index.html +++ b/public/posts/2022-09-29/write-fizzbuzz-in-php-2-letters-per-line/index.html @@ -9,7 +9,7 @@ 【PHP】 fizzbuzz を書く。1行あたり2文字で。 | REPL: Rest-Eat-Program Loop - + diff --git a/public/posts/2022-10-23/phperkaigi-2023-unused-token-quiz-1/index.html b/public/posts/2022-10-23/phperkaigi-2023-unused-token-quiz-1/index.html index a2954a0..6c100a9 100644 --- a/public/posts/2022-10-23/phperkaigi-2023-unused-token-quiz-1/index.html +++ b/public/posts/2022-10-23/phperkaigi-2023-unused-token-quiz-1/index.html @@ -9,7 +9,7 @@ PHPerKaigi 2023: ボツになったトークン問題 その 1 | REPL: Rest-Eat-Program Loop - + diff --git a/public/posts/2022-10-28/setup-server-for-this-site/index.html b/public/posts/2022-10-28/setup-server-for-this-site/index.html index e9f93e3..ab629fc 100644 --- a/public/posts/2022-10-28/setup-server-for-this-site/index.html +++ b/public/posts/2022-10-28/setup-server-for-this-site/index.html @@ -9,7 +9,7 @@ 【備忘録】 このサイト用の VPS をセットアップしたときのメモ | REPL: Rest-Eat-Program Loop - + diff --git a/public/posts/2022-11-19/phperkaigi-2023-unused-token-quiz-2/index.html b/public/posts/2022-11-19/phperkaigi-2023-unused-token-quiz-2/index.html index 0ac9cf8..57c6119 100644 --- a/public/posts/2022-11-19/phperkaigi-2023-unused-token-quiz-2/index.html +++ b/public/posts/2022-11-19/phperkaigi-2023-unused-token-quiz-2/index.html @@ -9,7 +9,7 @@ PHPerKaigi 2023: ボツになったトークン問題 その 2 | REPL: Rest-Eat-Program Loop - + diff --git a/public/posts/2023-01-10/phperkaigi-2023-unused-token-quiz-3/index.html b/public/posts/2023-01-10/phperkaigi-2023-unused-token-quiz-3/index.html index b909149..607a65e 100644 --- a/public/posts/2023-01-10/phperkaigi-2023-unused-token-quiz-3/index.html +++ b/public/posts/2023-01-10/phperkaigi-2023-unused-token-quiz-3/index.html @@ -9,7 +9,7 @@ PHPerKaigi 2023: ボツになったトークン問題 その 3 | REPL: Rest-Eat-Program Loop - + diff --git a/public/posts/2023-03-10/rewrite-this-blog-generator/index.html b/public/posts/2023-03-10/rewrite-this-blog-generator/index.html index 29bb21a..f1a21ea 100644 --- a/public/posts/2023-03-10/rewrite-this-blog-generator/index.html +++ b/public/posts/2023-03-10/rewrite-this-blog-generator/index.html @@ -8,7 +8,7 @@ このブログのジェネレータを書き直した | REPL: Rest-Eat-Program Loop - + diff --git a/public/posts/index.html b/public/posts/index.html index a034b27..5059af4 100644 --- a/public/posts/index.html +++ b/public/posts/index.html @@ -8,7 +8,7 @@ 投稿一覧 | REPL: Rest-Eat-Program Loop - +
diff --git a/public/style.css b/public/style.css index e919bc9..953aaf4 100644 --- a/public/style.css +++ b/public/style.css @@ -19,12 +19,6 @@ body { justify-content: space-between; } -@media screen and (max-width: 768px) { - main { - padding: 0 1rem; - } -} - header.header { background-color: #f5f5f5; display: flex; @@ -58,6 +52,7 @@ nav ul { padding: 0; margin: 0; display: flex; + flex-direction: row; } nav ul li { @@ -215,3 +210,19 @@ article.post-entry { text-align: left; color: #666; } + +@media screen and (max-width: 768px) { + main { + padding: 0 1rem; + } +} + +@media screen and (max-width: 1200px) { + header.header { + padding: 1rem 0; + } + + nav ul li:not(:first-child) { + display: none; + } +} diff --git a/public/tags/conference/index.html b/public/tags/conference/index.html index 49b470d..3a52dc3 100644 --- a/public/tags/conference/index.html +++ b/public/tags/conference/index.html @@ -9,7 +9,7 @@ タグ「カンファレンス」一覧 | REPL: Rest-Eat-Program Loop - +
diff --git a/public/tags/cpp/index.html b/public/tags/cpp/index.html index 0a191b4..d081460 100644 --- a/public/tags/cpp/index.html +++ b/public/tags/cpp/index.html @@ -9,7 +9,7 @@ タグ「C++」一覧 | REPL: Rest-Eat-Program Loop - +
diff --git a/public/tags/cpp17/index.html b/public/tags/cpp17/index.html index 54deb24..61e05c2 100644 --- a/public/tags/cpp17/index.html +++ b/public/tags/cpp17/index.html @@ -9,7 +9,7 @@ タグ「C++ 17」一覧 | REPL: Rest-Eat-Program Loop - +
diff --git a/public/tags/note-to-self/index.html b/public/tags/note-to-self/index.html index 37b701c..b0f3f07 100644 --- a/public/tags/note-to-self/index.html +++ b/public/tags/note-to-self/index.html @@ -9,7 +9,7 @@ タグ「備忘録」一覧 | REPL: Rest-Eat-Program Loop - +
diff --git a/public/tags/php/index.html b/public/tags/php/index.html index a16b590..b3ab920 100644 --- a/public/tags/php/index.html +++ b/public/tags/php/index.html @@ -9,7 +9,7 @@ タグ「PHP」一覧 | REPL: Rest-Eat-Program Loop - +
diff --git a/public/tags/phpcon/index.html b/public/tags/phpcon/index.html index 6b4def4..c97fc17 100644 --- a/public/tags/phpcon/index.html +++ b/public/tags/phpcon/index.html @@ -9,7 +9,7 @@ タグ「PHP カンファレンス」一覧 | REPL: Rest-Eat-Program Loop - +
diff --git a/public/tags/phperkaigi/index.html b/public/tags/phperkaigi/index.html index 0eb69b6..eaa15da 100644 --- a/public/tags/phperkaigi/index.html +++ b/public/tags/phperkaigi/index.html @@ -9,7 +9,7 @@ タグ「PHPerKaigi」一覧 | REPL: Rest-Eat-Program Loop - +
diff --git a/public/tags/python/index.html b/public/tags/python/index.html index 27245b1..4152e7f 100644 --- a/public/tags/python/index.html +++ b/public/tags/python/index.html @@ -9,7 +9,7 @@ タグ「Python」一覧 | REPL: Rest-Eat-Program Loop - +
diff --git a/public/tags/python3/index.html b/public/tags/python3/index.html index d70c10c..3d4f889 100644 --- a/public/tags/python3/index.html +++ b/public/tags/python3/index.html @@ -9,7 +9,7 @@ タグ「Python 3」一覧 | REPL: Rest-Eat-Program Loop - +
diff --git a/public/tags/ruby/index.html b/public/tags/ruby/index.html index 3c8fbf2..2f2909f 100644 --- a/public/tags/ruby/index.html +++ b/public/tags/ruby/index.html @@ -9,7 +9,7 @@ タグ「Ruby」一覧 | REPL: Rest-Eat-Program Loop - +
diff --git a/public/tags/ruby3/index.html b/public/tags/ruby3/index.html index 2e73a79..9d68bd0 100644 --- a/public/tags/ruby3/index.html +++ b/public/tags/ruby3/index.html @@ -9,7 +9,7 @@ タグ「Ruby 3」一覧 | REPL: Rest-Eat-Program Loop - +
diff --git a/public/tags/rust/index.html b/public/tags/rust/index.html index 57872d2..c2b6fac 100644 --- a/public/tags/rust/index.html +++ b/public/tags/rust/index.html @@ -9,7 +9,7 @@ タグ「Rust」一覧 | REPL: Rest-Eat-Program Loop - +
diff --git a/public/tags/vim/index.html b/public/tags/vim/index.html index fdfac4b..65d0cfa 100644 --- a/public/tags/vim/index.html +++ b/public/tags/vim/index.html @@ -9,7 +9,7 @@ タグ「Vim」一覧 | REPL: Rest-Eat-Program Loop - +
diff --git a/static/style.css b/static/style.css index e919bc9..953aaf4 100644 --- a/static/style.css +++ b/static/style.css @@ -19,12 +19,6 @@ body { justify-content: space-between; } -@media screen and (max-width: 768px) { - main { - padding: 0 1rem; - } -} - header.header { background-color: #f5f5f5; display: flex; @@ -58,6 +52,7 @@ nav ul { padding: 0; margin: 0; display: flex; + flex-direction: row; } nav ul li { @@ -215,3 +210,19 @@ article.post-entry { text-align: left; color: #666; } + +@media screen and (max-width: 768px) { + main { + padding: 0 1rem; + } +} + +@media screen and (max-width: 1200px) { + header.header { + padding: 1rem 0; + } + + nav ul li:not(:first-child) { + display: none; + } +} -- cgit v1.2.3-70-g09d2