ページ一覧を折りたためるようにする

This commit is contained in:
yuuki 2025-03-06 03:03:50 +00:00
parent e8bf2dc256
commit 6f027358eb
2 changed files with 11 additions and 4 deletions

View file

@ -52,3 +52,7 @@ code {
#note > :nth-child(n+4):nth-child(-n+4) { #note > :nth-child(n+4):nth-child(-n+4) {
margin-right: 4px; margin-right: 4px;
} }
#page-list {
all: revert;
}

View file

@ -4,15 +4,18 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>LiteY</title> <title>LiteY</title>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css?a">
<script src="script.js"></script> <script src="script.js"></script>
</head> </head>
<body> <body>
<h1>掲示板へようこそ!</h1> <h1>掲示板へようこそ!</h1>
<p>良識のあるメッセージを心がけてください</p> <p>良識のあるメッセージを心がけてください</p>
{% for i in range(max_page) %} <details id="page-list">
<a href="/?page={{ i }}">{{ i }}</a> <summary>ページ一覧</summary>
{% endfor %} {% for i in range(max_page) %}
<a href="/?page={{ i }}">{{ i }}</a>
{% endfor %}
</details>
<p></p> <p></p>
<textarea placeholder="ここにメッセージを入力" rows="4" cols="50" id="message"></textarea> <textarea placeholder="ここにメッセージを入力" rows="4" cols="50" id="message"></textarea>
<input type="submit" value="今すぐ送信!" onclick="notePost();"> <input type="submit" value="今すぐ送信!" onclick="notePost();">