diff options
45 files changed, 909 insertions, 1151 deletions
@@ -1,6 +1,5 @@ MIT License -Copyright (c) 2020 nanxiaobei Copyright (c) 2022 nsfisis Permission is hereby granted, free of charge, to any person obtaining a copy @@ -4,12 +4,9 @@ Site: https://blog.nsfisis.dev # License -`static/style.css` is a modified version of [paper](https://github.com/nanxiaobei/hugo-paper/) theme. - ``` MIT License -Copyright (c) 2020 nanxiaobei Copyright (c) 2022 nsfisis Permission is hereby granted, free of charge, to any person obtaining a copy diff --git a/content/404.html b/content/404.html index c0fb882..bd00a94 100644 --- a/content/404.html +++ b/content/404.html @@ -8,7 +8,6 @@ <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>Page Not Found | REPL: Rest-Eat-Program Loop</title> <link rel="stylesheet" href="/style.css"> - <link rel="stylesheet" href="/custom.css"> </head> <body class="list"> <header class="header"> diff --git a/nuldoc-src/templates/post.ts b/nuldoc-src/templates/post.ts index 9e1097d..c89240c 100644 --- a/nuldoc-src/templates/post.ts +++ b/nuldoc-src/templates/post.ts @@ -46,9 +46,8 @@ export default async function convertPost( headChildren.push( el("title", [], text(`${doc.title} | ${config.blog.siteName}`)), ); - headChildren.push(await stylesheetLinkElement("/hl.css", config)); headChildren.push(await stylesheetLinkElement("/style.css", config)); - headChildren.push(await stylesheetLinkElement("/custom.css", config)); + headChildren.push(await stylesheetLinkElement("/hl.css", config)); const head = el("head", [], ...headChildren); const body = el( "body", @@ -60,9 +59,28 @@ export default async function convertPost( "nav", [["class", "nav"]], el( - "p", - [["class", "logo"]], - el("a", [["href", "/"]], text(config.blog.siteName)), + "ul", + [], + el( + "li", + [["class", "logo"]], + el("a", [["href", "/"]], text(config.blog.siteName)), + ), + el( + "li", + [], + el("a", [["href", "/about"]], text("About")), + ), + el( + "li", + [], + el("a", [["href", "/posts"]], text("Posts")), + ), + el( + "li", + [], + el("a", [["href", "/slides"]], text("Slides")), + ), ), ), ), diff --git a/nuldoc-src/templates/post_list.ts b/nuldoc-src/templates/post_list.ts index bd91840..f60eb54 100644 --- a/nuldoc-src/templates/post_list.ts +++ b/nuldoc-src/templates/post_list.ts @@ -45,9 +45,8 @@ export default async function convertPostList( metaElement([["name", "description"], ["content", doc.summary]]), linkElement("icon", "/favicon.svg", "image/svg+xml"), el("title", [], text(`${doc.title} | ${config.blog.siteName}`)), - await stylesheetLinkElement("/hl.css", config), await stylesheetLinkElement("/style.css", config), - await stylesheetLinkElement("/custom.css", config), + await stylesheetLinkElement("/hl.css", config), ); const body = el( "body", @@ -59,9 +58,28 @@ export default async function convertPostList( "nav", [["class", "nav"]], el( - "p", - [["class", "logo"]], - el("a", [["href", "/"]], text(config.blog.siteName)), + "ul", + [], + el( + "li", + [["class", "logo"]], + el("a", [["href", "/"]], text(config.blog.siteName)), + ), + el( + "li", + [], + el("a", [["href", "/about"]], text("About")), + ), + el( + "li", + [], + el("a", [["href", "/posts"]], text("Posts")), + ), + el( + "li", + [], + el("a", [["href", "/slides"]], text("Slides")), + ), ), ), ), diff --git a/nuldoc-src/templates/tag.ts b/nuldoc-src/templates/tag.ts index c3080e8..4038b69 100644 --- a/nuldoc-src/templates/tag.ts +++ b/nuldoc-src/templates/tag.ts @@ -52,9 +52,8 @@ export default async function convertTag( metaElement([["name", "keywords"], ["content", tagLabel]]), linkElement("icon", "/favicon.svg", "image/svg+xml"), el("title", [], text(`${doc.title} | ${config.blog.siteName}`)), - await stylesheetLinkElement("/hl.css", config), await stylesheetLinkElement("/style.css", config), - await stylesheetLinkElement("/custom.css", config), + await stylesheetLinkElement("/hl.css", config), ]; const head = el("head", [], ...headChildren); const body = el( @@ -67,9 +66,28 @@ export default async function convertTag( "nav", [["class", "nav"]], el( - "p", - [["class", "logo"]], - el("a", [["href", "/"]], text(config.blog.siteName)), + "ul", + [], + el( + "li", + [["class", "logo"]], + el("a", [["href", "/"]], text(config.blog.siteName)), + ), + el( + "li", + [], + el("a", [["href", "/about"]], text("About")), + ), + el( + "li", + [], + el("a", [["href", "/posts"]], text("Posts")), + ), + el( + "li", + [], + el("a", [["href", "/slides"]], text("Slides")), + ), ), ), ), diff --git a/public/404.html b/public/404.html index c0fb882..bd00a94 100644 --- a/public/404.html +++ b/public/404.html @@ -8,7 +8,6 @@ <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>Page Not Found | REPL: Rest-Eat-Program Loop</title> <link rel="stylesheet" href="/style.css"> - <link rel="stylesheet" href="/custom.css"> </head> <body class="list"> <header class="header"> diff --git a/public/custom.css b/public/custom.css index bb40a9c..e69de29 100644 --- a/public/custom.css +++ b/public/custom.css @@ -1,47 +0,0 @@ -/* Place a custom css file in your own project to use this. */ -.post-content h1, -.post-content h2, -.post-content h3, -.post-content h4, -.post-content h5, -.post-content h6 { - border-bottom: var(--primary) solid 1px; -} - -.post-content h1::before, -.post-content h2::before, -.post-content h3::before, -.post-content h4::before, -.post-content h5::before, -.post-content h6::before { - color: var(--secondary); - padding-right: 0.3rem; -} - -.post-content h2::before { content: '#'; } -.post-content h3::before { content: '##'; } -.post-content h4::before { content: '###'; } -.post-content h5::before { content: '####'; } -.post-content h6::before { content: '#####'; } - -.post-content h1 > a, -.post-content h2 > a, -.post-content h3 > a, -.post-content h4 > a, -.post-content h5 > a, -.post-content h6 > a { - box-shadow: none; -} - -.post-content h1 > a code, -.post-content h2 > a code, -.post-content h3 > a code, -.post-content h4 > a code, -.post-content h5 > a code, -.post-content h6 > a code { - box-shadow: none; -} - -li.revision { - list-style: inside; -} 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 d438906..37016b4 100644 --- a/public/posts/2021-03-05/my-first-post/index.html +++ b/public/posts/2021-03-05/my-first-post/index.html @@ -8,16 +8,26 @@ <meta name="description" content="これはテスト投稿です。これはテスト投稿です。これはテスト投稿です。"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>My First Post | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="single"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> diff --git a/public/posts/2021-03-30/phperkaigi-2021/index.html b/public/posts/2021-03-30/phperkaigi-2021/index.html index 038ba0d..5da7c4a 100644 --- a/public/posts/2021-03-30/phperkaigi-2021/index.html +++ b/public/posts/2021-03-30/phperkaigi-2021/index.html @@ -9,16 +9,26 @@ <meta name="keywords" content="カンファレンス,PHP,PHPerKaigi"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>PHPerKaigi 2021 | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="single"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> 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 71b1388..10e4693 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,16 +9,26 @@ <meta name="keywords" content="C++,C++ 17"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>【C++】 属性構文の属性名にはキーワードが使える | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="single"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> 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 de4123d..4461af8 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,16 +9,26 @@ <meta name="keywords" content="Python,Python 3"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>【Python】 クロージャとUnboundLocalError: local variable 'x' referenced before assignment | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="single"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> 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 1d144ea..06b5eb5 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,16 +9,26 @@ <meta name="keywords" content="Ruby"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>【Ruby】 自身を実行している処理系の種類を判定する | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="single"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> 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 dd6da27..49127f6 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,16 +9,26 @@ <meta name="keywords" content="Ruby,Ruby 3"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>【Ruby】 then キーワードと case in | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="single"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> 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 0dc44e2..e86d724 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,16 +9,26 @@ <meta name="keywords" content="Rust"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>Rust のプリミティブ型はどこからやって来るか | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="single"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> 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 ccc4db8..049afdc 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,16 +9,26 @@ <meta name="keywords" content="Vim"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>【Vim】 autocmd events の BufWrite/BufWritePre の違い | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="single"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> 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 7f64dc8..366912c 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,16 +9,26 @@ <meta name="keywords" content="Vim"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>Vimで選択した行の順番を入れ替える | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="single"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> 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 2226e47..9ac3f90 100644 --- a/public/posts/2022-04-09/phperkaigi-2022-tokens/index.html +++ b/public/posts/2022-04-09/phperkaigi-2022-tokens/index.html @@ -9,16 +9,26 @@ <meta name="keywords" content="カンファレンス,PHP,PHPerKaigi"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>PHPerKaigi 2022 トークン問題の解説 | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="single"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> 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 bb5ee98..eb55d81 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,16 +8,26 @@ <meta name="description" content="ターミナルに任意の文字のバナーを表示するためのツールを Go で書いた。"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>term-banner: ターミナルにバナーを表示するツールを書いた | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="single"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> diff --git a/public/posts/2022-05-01/phperkaigi-2022/index.html b/public/posts/2022-05-01/phperkaigi-2022/index.html index cc25e50..ea9c581 100644 --- a/public/posts/2022-05-01/phperkaigi-2022/index.html +++ b/public/posts/2022-05-01/phperkaigi-2022/index.html @@ -9,16 +9,26 @@ <meta name="keywords" content="カンファレンス,PHP,PHPerKaigi"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>PHPerKaigi 2022 | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="single"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> 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 6184b97..851f76c 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,16 +9,26 @@ <meta name="keywords" content="カンファレンス,PHP,PHP カンファレンス"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>PHP カンファレンス沖縄で出題されたコードゴルフの問題を解いてみた | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="single"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> 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 d1ee2c9..cc4f96e 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,16 +8,26 @@ <meta name="description" content="先日、私の勤めるデジタルサーカス株式会社が、PHP Foundation へ寄付をおこないました。本件を社内でしつこく推進した1人として、推進の理由等を書き残しておきます。"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>弊社の PHP Foundation への寄付に寄せて | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="single"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> 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 480c2eb..b450a07 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,16 +9,26 @@ <meta name="keywords" content="PHP"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>【PHP】 fizzbuzz を書く。1行あたり2文字で。 | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="single"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> 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 3dfb9e3..d7f71aa 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,16 +9,26 @@ <meta name="keywords" content="PHP,PHPerKaigi"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>PHPerKaigi 2023: ボツになったトークン問題 その 1 | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="single"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> 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 d85873d..e050bac 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,16 +9,26 @@ <meta name="keywords" content="備忘録"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>【備忘録】 このサイト用の VPS をセットアップしたときのメモ | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="single"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> 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 be78585..fd1a1d2 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,16 +9,26 @@ <meta name="keywords" content="PHP,PHPerKaigi"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>PHPerKaigi 2023: ボツになったトークン問題 その 2 | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="single"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> 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 a7f86b3..ab47b2b 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,16 +9,26 @@ <meta name="keywords" content="PHP,PHPerKaigi"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>PHPerKaigi 2023: ボツになったトークン問題 その 3 | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="single"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> 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 90ac66a..0d05ca5 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,16 +8,26 @@ <meta name="description" content="このブログのジェネレータを書き直したので、やったことを書き記しておく。"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>このブログのジェネレータを書き直した | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="single"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> diff --git a/public/posts/index.html b/public/posts/index.html index 307c78b..0488aa2 100644 --- a/public/posts/index.html +++ b/public/posts/index.html @@ -8,16 +8,26 @@ <meta name="description" content="投稿した記事の一覧"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>投稿一覧 | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="list"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> diff --git a/public/style.css b/public/style.css index 203a798..92b99c3 100644 --- a/public/style.css +++ b/public/style.css @@ -1,480 +1,212 @@ -/* - * Paper - * A simple, clean, flexible Hugo theme - * https://github.com/nanxiaobei/hugo-paper - * Designed by MR.LEE (https://mrlee.me/) - * Updated in 2020.6.12 - */ - -/* Theme --------------------------------------------------- */ -:root { - --gap: 24px; - --content-gap: 40px; - --nav-width: 1024px; - --main-width: max(50%, 640px); - --header-height: 60px; - --footer-height: 60px; - --radius: 8px; - - --theme: #fff; - --entry: #fff; - --primary: rgba(0, 0, 0, 0.88); - --secondary: rgba(0, 0, 0, 0.56); - --tertiary: rgba(0, 0, 0, 0.16); - --content: rgba(0, 0, 0, 0.88); - - --code-bg: #f5f5f5; - --border: #eee; -} -.list { - background: var(--code-bg); -} -/* Reset --------------------------------------------------- */ -*, -*::before, -*::after { +html { box-sizing: border-box; } -html { - -webkit-tap-highlight-color: transparent; + +*, *:before, *:after { + box-sizing: inherit; } + body { + font-family: 'Yu Gothic', 'Meiryo', 'Noto Sans JP', sans-serif; + color: #000; + background-color: #fff; + line-height: 1.6; margin: 0; - color: var(--primary); - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, - 'Open Sans', 'Helvetica Neue', sans-serif; - font-size: 18px; - line-height: 1.8; - word-break: break-word; - background: var(--theme); -} -article, -aside, -figcaption, -figure, -footer, -header, -hgroup, -main, -nav, -section { - display: block; -} -h1, -h2, -h3, -h4, -h5, -h6 { - margin-top: 0; - margin-bottom: 0; - color: var(--primary); - line-height: 1.2; + padding: 0; } -p { - margin-top: 0; - margin-bottom: 0; + +@media screen and (max-width: 768px) { + body { + padding: 0 1rem; + } } -strong, -b { - font-weight: bold; + +header.header { + background-color: #f5f5f5; + display: flex; + justify-content: space-between; + align-items: center; + padding: 1rem 20%; } -ul { - margin: 0; - padding: 0; + +main { + max-width: 900px; + margin: 2rem auto; } -a { - color: var(--primary); - text-decoration: none; + +footer { + background-color: #f5f5f5; + padding: 1rem 20%; + text-align: center; } -figure { + +nav { + font-size: 1.5rem; + font-weight: bold; + padding: 0; margin: 0; -} -table { width: 100%; - border-collapse: collapse; - border-spacing: 0; } -button, -input, -textarea { - padding: 0; - font: inherit; - background: transparent; - border: 0; - -webkit-appearance: none; -} -button, -input[type='button'], -input[type='submit'] { - cursor: pointer; -} -input, -textarea { + +nav ul { + list-style-type: none; padding: 0; - border: 0; - outline: 0; -} -input:-webkit-autofill, -textarea:-webkit-autofill { - box-shadow: 0 0 0 50px var(--theme) inset; + margin: 0; + display: flex; } -img { - display: block; - max-width: 100%; + +nav ul li { + margin: 0 1rem; } -/* Header --------------------------------------------------- */ -.nav { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - max-width: calc(var(--nav-width) + var(--gap) * 2); - margin-left: auto; + +nav ul li:first-child { margin-right: auto; } -.nav a { - display: block; - line-height: var(--header-height); + +nav ul li a { + border: none; + color: #000; } -.logo, -.menu { - margin-left: var(--gap); - margin-right: var(--gap); + +h1, h2, h3, h4, h5, h6 { + font-weight: bold; } -.logo a { - font-size: 24px; - font-weight: 700; + +p { + font-size: 1rem; + line-height: 1.6; + margin-bottom: 1rem; } -.menu { - display: flex; - list-style: none; - word-break: keep-all; - overflow-x: auto; + +a { + text-decoration: none; + color: #000; + border-bottom: 1px solid #000; } -.menu li + li { - margin-left: var(--gap); + +a:hover { + color: #666; } -.menu a { - font-size: 16px; + +pre { + background-color: #f5f5f5; + padding: 1rem; + overflow-x: auto; + font-family: 'Courier New', Courier, monospace; + font-size: 0.9rem; } -/* Main --------------------------------------------------- */ -.main { - position: relative; - min-height: calc(100vh - var(--header-height) - var(--footer-height)); - max-width: calc(var(--main-width) + var(--gap) * 2); - margin-left: auto; - margin-right: auto; - padding: var(--gap); + +blockquote { + background-color: #f5f5f5; + border-left: 5px solid #000; + padding: 1rem; + margin: 1rem 0; } -.page-header { - margin-bottom: 24px; + +.tag { + display: inline-block; + background-color: #f5f5f5; + padding: 2px 6px; + border-radius: 3px; + font-size: 0.9rem; + margin-right: 5px; + margin-bottom: 5px; } -.page-header h1 { - font-size: 40px; + +.tag a { + border: none; } -.pagination { - display: flex; + +code { + background-color: #f5f5f5; + padding: 1px 4px; + font-family: 'Courier New', Courier, monospace; + font-size: 0.9rem; + border-radius: 2px; } -.pagination a { - color: var(--theme); - font-size: 13px; - line-height: 36px; - background: var(--primary); - border-radius: calc(36px / 2); -} -.pagination .prev { - padding-left: 16px; - padding-right: 18px; -} -.pagination .next { - margin-left: auto; - padding-left: 18px; - padding-right: 16px; -} -/* Post entry --------------------------------------------------- */ -.post-entry { - position: relative; - margin-bottom: var(--gap); - padding: var(--gap); - background: var(--entry); - border-radius: var(--radius); - transition: transform 0.1s; -} -.post-entry:active { - transform: scale(0.96); -} -.tag-entry .entry-content, -.tag-entry .entry-footer { - display: none; -} -.entry-header h2 { - font-size: 24px; -} -.entry-content { - margin-top: 8px; - margin-bottom: 8px; - color: var(--secondary); - font-size: 14px; - line-height: 1.6; - overflow: hidden; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 2; -} -.entry-footer { - color: var(--secondary); - font-size: 13px; -} -.entry-link { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; -} -/* Post single --------------------------------------------------- */ -.post-header { - margin-top: 24px; - margin-bottom: var(--content-gap); -} -.post-title { - margin-bottom: 2px; - font-size: 40px; - transform: translateX(-2px); -} -.post-meta { - color: var(--secondary); - font-size: 14px; -} -.post-content { - color: var(--content); -} -.post-content h1 { - margin-top: 40px; - margin-bottom: 32px; -} -.post-content h2 { - margin-top: 32px; - margin-bottom: 24px; + +li.revision { + list-style: inside; } + +h1 { + font-size: 2.0rem; +} + +.post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 { - margin-top: 24px; - margin-bottom: 16px; -} -.post-content h1 { - font-size: 40px; -} -.post-content h2 { - font-size: 32px; -} -.post-content h3 { - font-size: 24px; -} -.post-content h4 { - font-size: 16px; -} -.post-content h5 { - font-size: 14px; -} -.post-content h6 { - font-size: 12px; -} -.post-content a { - box-shadow: 0 1px 0 var(--primary); -} -.post-content a code { - margin-left: 0; - margin-right: 0; - border-radius: 0; - box-shadow: 0 -1px 0 var(--primary) inset; -} -.post-content del { - text-decoration: none; - background: linear-gradient(to right, var(--primary) 100%, transparent 0) 0 50% / 1px 1px repeat-x; -} -.post-content p, -.post-content ul, -.post-content ol, -.post-content dl { - margin-bottom: var(--content-gap); -} -.post-content ul, -.post-content ol { - padding-left: 20px; + border-bottom: 1px solid #000; + margin-bottom: 1rem; } -.post-content li { - margin-top: 5px; -} -.post-content li p { - margin-bottom: 0; -} -.post-content dl { - display: flex; - flex-wrap: wrap; - margin: 0; -} -.post-content dt { - width: 25%; - font-weight: 700; -} -.post-content dd { - width: 75%; - margin-left: 0; - padding-left: 10px; + +.post-content h2 a, +.post-content h3 a, +.post-content h4 a, +.post-content h5 a, +.post-content h6 a { + border: none; } -.post-content dt ~ dt, -.post-content dd ~ dd { - margin-top: 10px; + +.post-content h2:before { + content: "#"; + padding-right: 0.3rem; + color: #333; + font-weight: bold; } -.post-content table { - margin-bottom: 32px; + +.post-content h3:before { + content: "##"; + padding-right: 0.3rem; + color: #333; + font-weight: bold; } -.post-content table th, -.post-content table:not(.highlighttable) td { - min-width: 80px; - padding: 12px 8px; - line-height: 1.5; - border-bottom: 1px solid var(--border); + +.post-content h4:before { + content: "###"; + padding-right: 0.3rem; + color: #333; + font-weight: bold; } -.post-content table th { - font-size: 14px; - text-align: left; + +.post-content h5:before { + content: "####"; + padding-right: 0.3rem; + color: #333; + font-weight: bold; } -.post-content table:not(.highlighttable) td code:only-child { - margin-left: 0; - margin-right: 0; + +.post-content h6:before { + content: "#####"; + padding-right: 0.3rem; + color: #333; + font-weight: bold; } -.post-content .highlight, -.post-content pre { - margin-left: calc(var(--gap) * -1); - margin-right: calc(var(--gap) * -1); - margin-bottom: 32px; - border-radius: var(--radius); - overflow-x: auto; + +article.post-entry { + background-color: #f5f5f5; + border-radius: 10px; + padding: 1.5rem; + margin: 2rem 0; } -.post-content ul pre { - margin-left: calc(var(--gap) * -2); + +.post-entry header { + border: none; } -.post-content .highlight pre { + +.post-entry header h2 { margin: 0; } -/* table */ -.post-content .highlighttable { - table-layout: fixed; -} -.post-content .highlighttable td:first-child { - width: 40px; -} -.post-content .highlighttable td .linenodiv { - padding-right: 0 !important; -} -.post-content .highlighttable td .linenodiv pre, -.post-content .highlighttable td .highlight { - margin-bottom: 0; -} -.post-content .highlighttable td .highlight pre code::-webkit-scrollbar { - display: none; -} -/* inline */ -.post-content .highlight span { - background: transparent !important; -} -.post-content code { - margin-left: 4px; - margin-right: 4px; - padding: 4px 6px; - font-family: Menlo, Monaco, 'Courier New', Courier, monospace; - font-size: 0.78em; - line-height: 1.5; - background: var(--code-bg); - border-radius: 2px; -} -.post-content pre code { - display: block; - margin-left: 0; - margin-right: 0; - padding: var(--gap); - background: transparent; - border-radius: 0; -} -.post-content blockquote { - margin: 0 0 0 calc(var(--gap) * -1); - padding: 0 0 0 21px; - border-left: 3px solid var(--primary); -} -.post-content hr { - height: 1px; - margin-top: 56px; - margin-bottom: 56px; - background: var(--tertiary); - border-top: 0; - border-bottom: 0; -} -.post-content iframe { - max-width: 100%; -} -.post-tags li { - display: inline-block; -} -.post-tags li + li { - margin-left: 3px; -} -.post-tags a { - display: block; - padding-left: 14px; - padding-right: 14px; - color: var(--secondary); - font-size: 14px; - line-height: 34px; - background: var(--code-bg); - border-radius: 4px; -} -.post-tags a:hover { - background: var(--border); -} -/* Footer --------------------------------------------------- */ -.footer { - max-width: calc(var(--main-width) + var(--gap) * 2); - margin-left: auto; - margin-right: auto; - padding: calc((var(--footer-height) - var(--gap)) / 2) var(--gap); - color: var(--secondary); - font-size: 12px; - text-align: center; - line-height: 24px; -} -.footer span { - margin-left: 1px; - margin-right: 1px; +.post-entry section { + color: #666; } -.footer a { - color: inherit; -} -.footer a:hover { - color: var(--primary); - border-bottom: 1px solid var(--primary); -} -/* 404 --------------------------------------------------- */ -.not-found { - position: absolute; - left: 0; - right: 0; - display: flex; - align-items: center; - justify-content: center; - height: 80%; - font-size: 160px; - font-weight: 700; + +.post-entry footer { + background-color: #f5f5f5; + padding: 0; + text-align: left; + color: #666; } diff --git a/public/tags/conference/index.html b/public/tags/conference/index.html index 2d65e01..7c94734 100644 --- a/public/tags/conference/index.html +++ b/public/tags/conference/index.html @@ -9,16 +9,26 @@ <meta name="keywords" content="カンファレンス"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>カンファレンス | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="list"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> diff --git a/public/tags/cpp/index.html b/public/tags/cpp/index.html index d37ca57..fc2b6a7 100644 --- a/public/tags/cpp/index.html +++ b/public/tags/cpp/index.html @@ -9,16 +9,26 @@ <meta name="keywords" content="C++"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>C++ | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="list"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> diff --git a/public/tags/cpp17/index.html b/public/tags/cpp17/index.html index 714e51a..d6f0425 100644 --- a/public/tags/cpp17/index.html +++ b/public/tags/cpp17/index.html @@ -9,16 +9,26 @@ <meta name="keywords" content="C++ 17"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>C++ 17 | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="list"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> diff --git a/public/tags/note-to-self/index.html b/public/tags/note-to-self/index.html index 4c66240..4763adb 100644 --- a/public/tags/note-to-self/index.html +++ b/public/tags/note-to-self/index.html @@ -9,16 +9,26 @@ <meta name="keywords" content="備忘録"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>備忘録 | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="list"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> diff --git a/public/tags/php/index.html b/public/tags/php/index.html index de56aef..7ff2e8d 100644 --- a/public/tags/php/index.html +++ b/public/tags/php/index.html @@ -9,16 +9,26 @@ <meta name="keywords" content="PHP"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>PHP | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="list"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> diff --git a/public/tags/phpcon/index.html b/public/tags/phpcon/index.html index 8366323..025b7d2 100644 --- a/public/tags/phpcon/index.html +++ b/public/tags/phpcon/index.html @@ -9,16 +9,26 @@ <meta name="keywords" content="PHP カンファレンス"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>PHP カンファレンス | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="list"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> diff --git a/public/tags/phperkaigi/index.html b/public/tags/phperkaigi/index.html index d9e6cc1..0b11aa8 100644 --- a/public/tags/phperkaigi/index.html +++ b/public/tags/phperkaigi/index.html @@ -9,16 +9,26 @@ <meta name="keywords" content="PHPerKaigi"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>PHPerKaigi | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="list"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> diff --git a/public/tags/python/index.html b/public/tags/python/index.html index ae3445c..5719d21 100644 --- a/public/tags/python/index.html +++ b/public/tags/python/index.html @@ -9,16 +9,26 @@ <meta name="keywords" content="Python"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>Python | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="list"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> diff --git a/public/tags/python3/index.html b/public/tags/python3/index.html index dc59ad3..82c3c19 100644 --- a/public/tags/python3/index.html +++ b/public/tags/python3/index.html @@ -9,16 +9,26 @@ <meta name="keywords" content="Python 3"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>Python 3 | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="list"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> diff --git a/public/tags/ruby/index.html b/public/tags/ruby/index.html index 6c288e8..cdeb79a 100644 --- a/public/tags/ruby/index.html +++ b/public/tags/ruby/index.html @@ -9,16 +9,26 @@ <meta name="keywords" content="Ruby"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>Ruby | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="list"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> diff --git a/public/tags/ruby3/index.html b/public/tags/ruby3/index.html index 89bba93..a0bd937 100644 --- a/public/tags/ruby3/index.html +++ b/public/tags/ruby3/index.html @@ -9,16 +9,26 @@ <meta name="keywords" content="Ruby 3"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>Ruby 3 | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="list"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> diff --git a/public/tags/rust/index.html b/public/tags/rust/index.html index fdd6b80..99b812b 100644 --- a/public/tags/rust/index.html +++ b/public/tags/rust/index.html @@ -9,16 +9,26 @@ <meta name="keywords" content="Rust"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>Rust | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="list"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> diff --git a/public/tags/vim/index.html b/public/tags/vim/index.html index 343d731..7dda843 100644 --- a/public/tags/vim/index.html +++ b/public/tags/vim/index.html @@ -9,16 +9,26 @@ <meta name="keywords" content="Vim"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <title>Vim | REPL: Rest-Eat-Program Loop</title> + <link rel="stylesheet" href="/style.css?h=17cf97a767ec5fb6e64967729f40f30a"> <link rel="stylesheet" href="/hl.css?h=208c52e3b7c9db1cad782c5d30b4698f"> - <link rel="stylesheet" href="/style.css?h=2923268d00d2a2482f8dc7103353c3f9"> - <link rel="stylesheet" href="/custom.css?h=9d2c451c42feb3350daea746cde36416"> </head> <body class="list"> <header class="header"> <nav class="nav"> - <p class="logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </p> + <ul> + <li class="logo"> + <a href="/">REPL: Rest-Eat-Program Loop</a> + </li> + <li> + <a href="/about">About</a> + </li> + <li> + <a href="/posts">Posts</a> + </li> + <li> + <a href="/slides">Slides</a> + </li> + </ul> </nav> </header> <main class="main"> diff --git a/static/custom.css b/static/custom.css deleted file mode 100644 index bb40a9c..0000000 --- a/static/custom.css +++ /dev/null @@ -1,47 +0,0 @@ -/* Place a custom css file in your own project to use this. */ -.post-content h1, -.post-content h2, -.post-content h3, -.post-content h4, -.post-content h5, -.post-content h6 { - border-bottom: var(--primary) solid 1px; -} - -.post-content h1::before, -.post-content h2::before, -.post-content h3::before, -.post-content h4::before, -.post-content h5::before, -.post-content h6::before { - color: var(--secondary); - padding-right: 0.3rem; -} - -.post-content h2::before { content: '#'; } -.post-content h3::before { content: '##'; } -.post-content h4::before { content: '###'; } -.post-content h5::before { content: '####'; } -.post-content h6::before { content: '#####'; } - -.post-content h1 > a, -.post-content h2 > a, -.post-content h3 > a, -.post-content h4 > a, -.post-content h5 > a, -.post-content h6 > a { - box-shadow: none; -} - -.post-content h1 > a code, -.post-content h2 > a code, -.post-content h3 > a code, -.post-content h4 > a code, -.post-content h5 > a code, -.post-content h6 > a code { - box-shadow: none; -} - -li.revision { - list-style: inside; -} diff --git a/static/style.css b/static/style.css index 203a798..92b99c3 100644 --- a/static/style.css +++ b/static/style.css @@ -1,480 +1,212 @@ -/* - * Paper - * A simple, clean, flexible Hugo theme - * https://github.com/nanxiaobei/hugo-paper - * Designed by MR.LEE (https://mrlee.me/) - * Updated in 2020.6.12 - */ - -/* Theme --------------------------------------------------- */ -:root { - --gap: 24px; - --content-gap: 40px; - --nav-width: 1024px; - --main-width: max(50%, 640px); - --header-height: 60px; - --footer-height: 60px; - --radius: 8px; - - --theme: #fff; - --entry: #fff; - --primary: rgba(0, 0, 0, 0.88); - --secondary: rgba(0, 0, 0, 0.56); - --tertiary: rgba(0, 0, 0, 0.16); - --content: rgba(0, 0, 0, 0.88); - - --code-bg: #f5f5f5; - --border: #eee; -} -.list { - background: var(--code-bg); -} -/* Reset --------------------------------------------------- */ -*, -*::before, -*::after { +html { box-sizing: border-box; } -html { - -webkit-tap-highlight-color: transparent; + +*, *:before, *:after { + box-sizing: inherit; } + body { + font-family: 'Yu Gothic', 'Meiryo', 'Noto Sans JP', sans-serif; + color: #000; + background-color: #fff; + line-height: 1.6; margin: 0; - color: var(--primary); - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, - 'Open Sans', 'Helvetica Neue', sans-serif; - font-size: 18px; - line-height: 1.8; - word-break: break-word; - background: var(--theme); -} -article, -aside, -figcaption, -figure, -footer, -header, -hgroup, -main, -nav, -section { - display: block; -} -h1, -h2, -h3, -h4, -h5, -h6 { - margin-top: 0; - margin-bottom: 0; - color: var(--primary); - line-height: 1.2; + padding: 0; } -p { - margin-top: 0; - margin-bottom: 0; + +@media screen and (max-width: 768px) { + body { + padding: 0 1rem; + } } -strong, -b { - font-weight: bold; + +header.header { + background-color: #f5f5f5; + display: flex; + justify-content: space-between; + align-items: center; + padding: 1rem 20%; } -ul { - margin: 0; - padding: 0; + +main { + max-width: 900px; + margin: 2rem auto; } -a { - color: var(--primary); - text-decoration: none; + +footer { + background-color: #f5f5f5; + padding: 1rem 20%; + text-align: center; } -figure { + +nav { + font-size: 1.5rem; + font-weight: bold; + padding: 0; margin: 0; -} -table { width: 100%; - border-collapse: collapse; - border-spacing: 0; } -button, -input, -textarea { - padding: 0; - font: inherit; - background: transparent; - border: 0; - -webkit-appearance: none; -} -button, -input[type='button'], -input[type='submit'] { - cursor: pointer; -} -input, -textarea { + +nav ul { + list-style-type: none; padding: 0; - border: 0; - outline: 0; -} -input:-webkit-autofill, -textarea:-webkit-autofill { - box-shadow: 0 0 0 50px var(--theme) inset; + margin: 0; + display: flex; } -img { - display: block; - max-width: 100%; + +nav ul li { + margin: 0 1rem; } -/* Header --------------------------------------------------- */ -.nav { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - max-width: calc(var(--nav-width) + var(--gap) * 2); - margin-left: auto; + +nav ul li:first-child { margin-right: auto; } -.nav a { - display: block; - line-height: var(--header-height); + +nav ul li a { + border: none; + color: #000; } -.logo, -.menu { - margin-left: var(--gap); - margin-right: var(--gap); + +h1, h2, h3, h4, h5, h6 { + font-weight: bold; } -.logo a { - font-size: 24px; - font-weight: 700; + +p { + font-size: 1rem; + line-height: 1.6; + margin-bottom: 1rem; } -.menu { - display: flex; - list-style: none; - word-break: keep-all; - overflow-x: auto; + +a { + text-decoration: none; + color: #000; + border-bottom: 1px solid #000; } -.menu li + li { - margin-left: var(--gap); + +a:hover { + color: #666; } -.menu a { - font-size: 16px; + +pre { + background-color: #f5f5f5; + padding: 1rem; + overflow-x: auto; + font-family: 'Courier New', Courier, monospace; + font-size: 0.9rem; } -/* Main --------------------------------------------------- */ -.main { - position: relative; - min-height: calc(100vh - var(--header-height) - var(--footer-height)); - max-width: calc(var(--main-width) + var(--gap) * 2); - margin-left: auto; - margin-right: auto; - padding: var(--gap); + +blockquote { + background-color: #f5f5f5; + border-left: 5px solid #000; + padding: 1rem; + margin: 1rem 0; } -.page-header { - margin-bottom: 24px; + +.tag { + display: inline-block; + background-color: #f5f5f5; + padding: 2px 6px; + border-radius: 3px; + font-size: 0.9rem; + margin-right: 5px; + margin-bottom: 5px; } -.page-header h1 { - font-size: 40px; + +.tag a { + border: none; } -.pagination { - display: flex; + +code { + background-color: #f5f5f5; + padding: 1px 4px; + font-family: 'Courier New', Courier, monospace; + font-size: 0.9rem; + border-radius: 2px; } -.pagination a { - color: var(--theme); - font-size: 13px; - line-height: 36px; - background: var(--primary); - border-radius: calc(36px / 2); -} -.pagination .prev { - padding-left: 16px; - padding-right: 18px; -} -.pagination .next { - margin-left: auto; - padding-left: 18px; - padding-right: 16px; -} -/* Post entry --------------------------------------------------- */ -.post-entry { - position: relative; - margin-bottom: var(--gap); - padding: var(--gap); - background: var(--entry); - border-radius: var(--radius); - transition: transform 0.1s; -} -.post-entry:active { - transform: scale(0.96); -} -.tag-entry .entry-content, -.tag-entry .entry-footer { - display: none; -} -.entry-header h2 { - font-size: 24px; -} -.entry-content { - margin-top: 8px; - margin-bottom: 8px; - color: var(--secondary); - font-size: 14px; - line-height: 1.6; - overflow: hidden; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 2; -} -.entry-footer { - color: var(--secondary); - font-size: 13px; -} -.entry-link { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; -} -/* Post single --------------------------------------------------- */ -.post-header { - margin-top: 24px; - margin-bottom: var(--content-gap); -} -.post-title { - margin-bottom: 2px; - font-size: 40px; - transform: translateX(-2px); -} -.post-meta { - color: var(--secondary); - font-size: 14px; -} -.post-content { - color: var(--content); -} -.post-content h1 { - margin-top: 40px; - margin-bottom: 32px; -} -.post-content h2 { - margin-top: 32px; - margin-bottom: 24px; + +li.revision { + list-style: inside; } + +h1 { + font-size: 2.0rem; +} + +.post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 { - margin-top: 24px; - margin-bottom: 16px; -} -.post-content h1 { - font-size: 40px; -} -.post-content h2 { - font-size: 32px; -} -.post-content h3 { - font-size: 24px; -} -.post-content h4 { - font-size: 16px; -} -.post-content h5 { - font-size: 14px; -} -.post-content h6 { - font-size: 12px; -} -.post-content a { - box-shadow: 0 1px 0 var(--primary); -} -.post-content a code { - margin-left: 0; - margin-right: 0; - border-radius: 0; - box-shadow: 0 -1px 0 var(--primary) inset; -} -.post-content del { - text-decoration: none; - background: linear-gradient(to right, var(--primary) 100%, transparent 0) 0 50% / 1px 1px repeat-x; -} -.post-content p, -.post-content ul, -.post-content ol, -.post-content dl { - margin-bottom: var(--content-gap); -} -.post-content ul, -.post-content ol { - padding-left: 20px; + border-bottom: 1px solid #000; + margin-bottom: 1rem; } -.post-content li { - margin-top: 5px; -} -.post-content li p { - margin-bottom: 0; -} -.post-content dl { - display: flex; - flex-wrap: wrap; - margin: 0; -} -.post-content dt { - width: 25%; - font-weight: 700; -} -.post-content dd { - width: 75%; - margin-left: 0; - padding-left: 10px; + +.post-content h2 a, +.post-content h3 a, +.post-content h4 a, +.post-content h5 a, +.post-content h6 a { + border: none; } -.post-content dt ~ dt, -.post-content dd ~ dd { - margin-top: 10px; + +.post-content h2:before { + content: "#"; + padding-right: 0.3rem; + color: #333; + font-weight: bold; } -.post-content table { - margin-bottom: 32px; + +.post-content h3:before { + content: "##"; + padding-right: 0.3rem; + color: #333; + font-weight: bold; } -.post-content table th, -.post-content table:not(.highlighttable) td { - min-width: 80px; - padding: 12px 8px; - line-height: 1.5; - border-bottom: 1px solid var(--border); + +.post-content h4:before { + content: "###"; + padding-right: 0.3rem; + color: #333; + font-weight: bold; } -.post-content table th { - font-size: 14px; - text-align: left; + +.post-content h5:before { + content: "####"; + padding-right: 0.3rem; + color: #333; + font-weight: bold; } -.post-content table:not(.highlighttable) td code:only-child { - margin-left: 0; - margin-right: 0; + +.post-content h6:before { + content: "#####"; + padding-right: 0.3rem; + color: #333; + font-weight: bold; } -.post-content .highlight, -.post-content pre { - margin-left: calc(var(--gap) * -1); - margin-right: calc(var(--gap) * -1); - margin-bottom: 32px; - border-radius: var(--radius); - overflow-x: auto; + +article.post-entry { + background-color: #f5f5f5; + border-radius: 10px; + padding: 1.5rem; + margin: 2rem 0; } -.post-content ul pre { - margin-left: calc(var(--gap) * -2); + +.post-entry header { + border: none; } -.post-content .highlight pre { + +.post-entry header h2 { margin: 0; } -/* table */ -.post-content .highlighttable { - table-layout: fixed; -} -.post-content .highlighttable td:first-child { - width: 40px; -} -.post-content .highlighttable td .linenodiv { - padding-right: 0 !important; -} -.post-content .highlighttable td .linenodiv pre, -.post-content .highlighttable td .highlight { - margin-bottom: 0; -} -.post-content .highlighttable td .highlight pre code::-webkit-scrollbar { - display: none; -} -/* inline */ -.post-content .highlight span { - background: transparent !important; -} -.post-content code { - margin-left: 4px; - margin-right: 4px; - padding: 4px 6px; - font-family: Menlo, Monaco, 'Courier New', Courier, monospace; - font-size: 0.78em; - line-height: 1.5; - background: var(--code-bg); - border-radius: 2px; -} -.post-content pre code { - display: block; - margin-left: 0; - margin-right: 0; - padding: var(--gap); - background: transparent; - border-radius: 0; -} -.post-content blockquote { - margin: 0 0 0 calc(var(--gap) * -1); - padding: 0 0 0 21px; - border-left: 3px solid var(--primary); -} -.post-content hr { - height: 1px; - margin-top: 56px; - margin-bottom: 56px; - background: var(--tertiary); - border-top: 0; - border-bottom: 0; -} -.post-content iframe { - max-width: 100%; -} -.post-tags li { - display: inline-block; -} -.post-tags li + li { - margin-left: 3px; -} -.post-tags a { - display: block; - padding-left: 14px; - padding-right: 14px; - color: var(--secondary); - font-size: 14px; - line-height: 34px; - background: var(--code-bg); - border-radius: 4px; -} -.post-tags a:hover { - background: var(--border); -} -/* Footer --------------------------------------------------- */ -.footer { - max-width: calc(var(--main-width) + var(--gap) * 2); - margin-left: auto; - margin-right: auto; - padding: calc((var(--footer-height) - var(--gap)) / 2) var(--gap); - color: var(--secondary); - font-size: 12px; - text-align: center; - line-height: 24px; -} -.footer span { - margin-left: 1px; - margin-right: 1px; +.post-entry section { + color: #666; } -.footer a { - color: inherit; -} -.footer a:hover { - color: var(--primary); - border-bottom: 1px solid var(--primary); -} -/* 404 --------------------------------------------------- */ -.not-found { - position: absolute; - left: 0; - right: 0; - display: flex; - align-items: center; - justify-content: center; - height: 80%; - font-size: 160px; - font-weight: 700; + +.post-entry footer { + background-color: #f5f5f5; + padding: 0; + text-align: left; + color: #666; } |