Archived
1
0
Disbranĉigi 0

Tweak channel list HTML

This commit is contained in:
Jaidyn Ann 2023-05-31 15:51:09 -05:00
parent 2e5ece9d96
commit 2ad331ed04
5 changed files with 44 additions and 12 deletions

View File

@ -0,0 +1,24 @@
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>{{ROOM_TITLE}}</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/style.css" type="text/css">
<meta http-equiv="refresh" content="20">
</head>
<body>
<frameset cols="424px,*">
<frame name="rooms" src="/room">
<frame name="main" src="/room">
</frameset>
<table>
{{LIST_ITEMS}}
</table>
<form id="send" method="post">
<input name="message" />
<button>Send</button>
</form>
</body>
</html>

View File

@ -1,6 +1,6 @@
<a href="/room/{{ROOM_ID}}/"> <a href="/room/{{ROOM_ID}}/">
<div class="room-list-item" id="{{ROOM_ID}}"> <li id="{{ROOM_ID}}">
<b>{{ROOM_TITLE}}</b> <b>{{ROOM_TITLE}}</b><br />
<p>{{LAST_MESSAGE}}</p> {{LAST_MESSAGE}}
</div> </li>
</a> </a>

View File

@ -8,6 +8,8 @@
<base href="" target="_top"> <base href="" target="_top">
</head> </head>
<body> <body>
<ul class="room-list">
{{LIST_ITEMS}} {{LIST_ITEMS}}
</ul>
</body> </body>
</html> </html>

View File

@ -8,7 +8,7 @@
<meta http-equiv="refresh" content="20"> <meta http-equiv="refresh" content="20">
</head> </head>
<body> <body>
<form id="send" method="post" target="messages" action="messages"> <form id="send" method="post" target="messages" action="messages#bottom">
<input name="message" /> <input name="message" />
<button>Send</button> <button>Send</button>
</form> </form>

View File

@ -1,15 +1,21 @@
.room-list-item { .room-list li {
background-color: #d7d7af; background-color: #d7d7af;
margin:5px;
padding: 5px;
} }
.room-list-item { .room-list li {
color: black; color: black;
} }
.room-list-item:hover { .room-list li:hover {
background-color: #d7ff87; background-color: #d7ff87;
} }
.room-list-item:target { .room-list li:target {
background-color: #5fafd7; background-color: #5fafd7;
} }
input {
width: 100%;
}