Where people come together to learn, code, and play. Custom-built HTTP server, site generator, and website from scratch using no external libraries. Goal is to be as minimalistic and fun as possible.
http://projectdivar.com
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
4.2 KiB
70 lines
4.2 KiB
<div class="contentWrapper"><h1>And More</h1><div class="content" id="content_out/articles/test articles/test3.article">
|
|
<p class="color1">
|
|
Curabitur suscipit quam tellus, non rhoncus diam vehicula in. Aliquam ut dapibus tortor. Cras accumsan arcu vel ante maximus ornare. Nam tempus fermentum leo maximus euismod. Donec vehicula pretium est a ultrices. Nunc blandit nibh lorem, nec blandit leo posuere quis. Sed mauris ligula, euismod eu aliquam vel, rhoncus eget magna. Proin eget tortor ut ligula suscipit mattis. Integer rutrum aliquet eleifend. Suspendisse leo libero, placerat nec mi id, sagittis malesuada felis. Quisque euismod ante cursus elit lobortis, eu tempus ligula condimentum. Mauris viverra metus et dignissim efficitur. Ut placerat nunc nunc, eu tempus neque ultrices nec. Suspendisse et magna risus. Phasellus in ullamcorper tortor. Sed lobortis ut mi in blandit.
|
|
</p>
|
|
</div><div class="datebar"></div><div class="date">30 Apr 2022 6:14PM</div>%CONDITIONAL_EXPAND%</div>
|
|
<hr/>
|
|
<script type="text/javascript">
|
|
function changeColor() {
|
|
document.getElementById("submit").style.borderColor=document.getElementById("msg").style.borderColor=document.getElementById("name").style.borderColor=document.getElementById("col").style.borderColor=document.getElementById("col").options[document.getElementById("col").selectedIndex].text
|
|
}
|
|
function submit() {
|
|
document.getElementById("submit").disabled=
|
|
document.getElementById("name").disabled=
|
|
document.getElementById("col").disabled=
|
|
document.getElementById("msg").disabled=true;
|
|
fetch("/COMMENTS?submit=true&article=test3.comment&message="+encodeURIComponent(document.getElementById("msg").value)+"&name="
|
|
+encodeURIComponent(document.getElementById("name").value)+"&color="
|
|
+encodeURIComponent(document.getElementById("col").options[document.getElementById("col").selectedIndex].text)
|
|
).then((data)=>data.text())
|
|
.then((data)=>{
|
|
fetchComments()
|
|
})
|
|
}
|
|
</script>
|
|
<div id="commentForm">
|
|
<b>Leave a comment!</b><br/><br/>
|
|
<label for="name">Display Name: </label><input id="name"><br/><br/>
|
|
<label for="col">Display Color: </label><select id="col" onchange="changeColor()">
|
|
<option value="RED">RED</option>
|
|
<option value="GREEN" selected>GREEN</option>
|
|
<option value="YELLOW">YELLOW</option>
|
|
<option value="BLUE">BLUE</option>
|
|
<option value="MAGENTA">MAGENTA</option>
|
|
<option value="CYAN">CYAN</option>
|
|
<option value="WHITE">WHITE</option>
|
|
</select><br/><br/>
|
|
<label for="msg" style="vertical-align:top;display:inline;">Message: </label><textarea id="msg"></textarea><br/><br/>
|
|
<button id="submit" onclick="submit()">POST</button>
|
|
</div><br/><br/>
|
|
<div id="commentContainer" style="visibility:hidden;">
|
|
<h2>Comments <sub>(<span class="commentCounter" id="commentCounter">0</span>)</sub></h2>
|
|
<div class="comments" id="comments"></div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
function fetchComments() {
|
|
fetch("/COMMENTS?article=test3.comment").then((data)=>data.text())
|
|
.then((data)=>{
|
|
data=data.split("\n");
|
|
document.getElementById("comments").innerHTML="";
|
|
for (var i=0;i<data.length;i++) {
|
|
if (i==0) {
|
|
document.getElementById("commentCounter").innerText=data[i]
|
|
} else {
|
|
if (data[i].trim().length>0) {
|
|
if (i%2==1) {
|
|
document.getElementById("comments").innerHTML+="<div id=\"msg"+((i+1)/2)+"\" class=\"commentDisplayer\"><div class=\"commentData\">"+data[i]+"</div><br>"
|
|
} else {
|
|
data2=data[i].split(";");
|
|
document.getElementById("msg"+(i/2)).style.borderColor=data2[1]
|
|
document.getElementById("comments").innerHTML+="<div class=\"commentInfo\"><sup>- "+data2[0]+"</sup></div></div><br>"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
document.getElementById("commentContainer").style.visibility="visible"
|
|
})
|
|
}
|
|
fetchComments()
|
|
changeColor()
|
|
</script>
|
|
|