Tweak channel list HTML
This commit is contained in:
parent
2e5ece9d96
commit
2ad331ed04
|
@ -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>
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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%;
|
||||||
|
}
|
||||||
|
|
Reference in New Issue