jadedctrl/ spidercat
Archived
1
0
Disbranĉigi 0
Fontkodo Tirpetoj Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
templates/#room-chat.html# Normal file
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>

12
templates/room-list-item.html
View File

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

2
templates/room-list.html
View File

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

2
templates/room-send.html
View File

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

14
templates/style.css
View File

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