theforum/views/post.ejs

116 lines
4.3 KiB
Text
Raw Normal View History

2022-01-17 08:04:31 +01:00
<html>
<head>
<meta name="viewport" content="width=device-width height=device-height">
<title><%=post.title%> - <%=webname%></title>
<style>
html {
background-color: #202020;
color: #a0a0a0;
font-family: sans-serif;
2022-01-17 08:55:27 +01:00
overflow-x: hidden;
2022-01-17 08:04:31 +01:00
}
a {
color: #ffffff;
text-decoration: none;
}
div.posts {
margin: auto;
display: block;
width: fit-content;
}
post .content {
max-width: min(70vw, max(50vw, 100em));
background-color: #202030;
display: block;
padding: 0 5px 5px 5px;
border: 1px solid #808080;
}
post .content a {
display: block;
text-align: right;
}
post {
display: block;
margin-left: 5px;
padding-left: 5px;
border-left: 2px solid #808080;
padding-bottom: 5px;
padding-top: 5px;
}
h3 {
display: block;
margin-top: 5px;
}
pre {
overflow-x: scroll;
}
pre.inline {
display: inline;
}
button {
padding: 10px;
border-radius: 3px;
border: 1px solid #000000;
background-color: #000000;
color: #ffffff;
}
</style>
</head>
<body>
<a style="position: absolute; bottom: 10px; right: 10px;" href="/"><button type="button">Home</button></a>
<div class="posts">
<%- (function(){
let mainPost = post
let id = postid == -1 ? -2 : 0
function recurse(post) {
id++
const makeForm = id == comment || postid == -1
2022-01-17 09:16:01 +01:00
ret +=
2022-01-17 08:04:31 +01:00
`<post><div class="content"><h3>${post.author}: ${post.title}</h3>` +
post.content.replaceAll('<','&lt;').replaceAll('>','&gt;')
.replaceAll('[* ', '<i>').replaceAll(' *]', '</i>')
.replaceAll('[** ', '<b>').replaceAll(' **]', '</b>')
.replaceAll('[*** ', '<b><i>').replaceAll(' ***]', '</i></b>')
.replaceAll('[_ ', '<u>').replaceAll(' _]', '</u>')
.replaceAll('[*_ ', '<i><u>').replaceAll(' _*]', '</u></i>')
.replaceAll('[**_ ', '<b><u>').replaceAll(' _**]', '</u></b>')
.replaceAll('[***_ ', '<b><i><u>').replaceAll(' _***]', '</u></i></b>')
.replaceAll('[" ', '<pre class="inline">').replaceAll(' "]', '</pre>')
.replaceAll('["" ', '<pre>').replaceAll(' ""]', '</pre>')
.replaceAll('\n\n', '<br/>')
if (postid != -1 || id == -1) {
if(makeForm) {
if(postid != -1)
2022-01-17 09:16:01 +01:00
ret += `<a href="/post/${postid}">[Nevermind]</a>`
ret +=
2022-01-17 08:04:31 +01:00
`</div><post><div class="content"><form><label>` +
`<h3><input type="username" name="name" value="Anonymous">: <input type="text" name="title" placeholder="Title"></h3>` +
`<textarea name="content" placeholder="So basically, ..."></textarea><br/><br/><button type="submit">Submit</button>` +
2022-01-17 08:04:31 +01:00
`</label></form></div></post>`
}
else
2022-01-17 09:16:01 +01:00
ret += `<a href="/comment/${postid}/${id}">[Reply]</a> </div>`
2022-01-17 08:04:31 +01:00
}
else
2022-01-17 09:16:01 +01:00
ret += `<a href="/post/${id}">[Open]</a></div>`
2022-01-17 08:04:31 +01:00
for(const comment of post.comments) {
2022-01-17 09:08:26 +01:00
r = recurse(comment) + r
2022-01-17 08:04:31 +01:00
}
2022-01-17 09:16:01 +01:00
ret += '</post>'
2022-01-17 08:04:31 +01:00
}
2022-01-17 09:08:26 +01:00
return recurse(post)
2022-01-17 08:04:31 +01:00
})() %>
</div>
<body>
<html>