lkarch/newnameful.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dev #4

Merged
lkarch merged 6 commits from dev into main 2025-07-16 14:56:37 -04:00
Conversation 0 Commits 6 Files Changed 19 +13 -4
2 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit d7e5aa3256 - Show all commits

11
assets/javascript/index.js
View File

@ -181,17 +181,20 @@ function loadDiscordMessagesFromJson(jsonName, addMessageContent, addAttachments
json.messages.reverse(); json.messages.reverse();
for (let message = 0; message < json.messages.length; message++) { for (let message = 0; message < json.messages.length; message++) {
let messageContainer = document.createElement("div"); let messageContainer = document.createElement("div");
let messageAuthorAvatar = document.createElement("img");
let messageTitle = document.createElement("p"); let messageTitle = document.createElement("p");
let messageDate = new Date(json.messages[message].timestamp); let messageDate = new Date(json.messages[message].timestamp);
let messageLine = document.createElement("hr"); let messageLine = document.createElement("hr");
messageContainer.className = "card"; messageContainer.className = "card";
messageContainer.id = jsonName + message; messageContainer.id = jsonName + message;
messageContainer.style = "overflow: hidden;"; messageAuthorAvatar.className = "messageAuthorAvatar";
messageTitle.innerText = json.messages[message].author.nickname + " | " + messageDate.toLocaleDateString(); messageAuthorAvatar.src = json.messages[message].author.avatarUrl;
messageTitle.style = "margin-top: 5px;"
messageTitle.innerHTML = "<span style='color: " + json.messages[message].author.color + ";'>" + json.messages[message].author.nickname + "</span>" + " | " + messageDate.toLocaleDateString();
document.getElementById(jsonName).append(messageContainer); document.getElementById(jsonName).append(messageContainer);
document.getElementById(messageContainer.id).append(messageTitle, messageLine); document.getElementById(messageContainer.id).append(messageAuthorAvatar, messageTitle, messageLine);
if (addMessageContent == true) { if (addMessageContent == true) {
let messageContent = document.createElement("p"); let messageContent = document.createElement("p");
@ -208,7 +211,7 @@ function loadDiscordMessagesFromJson(jsonName, addMessageContent, addAttachments
messageAttachment.className = "messageAttachment"; messageAttachment.className = "messageAttachment";
messageAttachment.href = json.messages[message].attachments[attachment].url; messageAttachment.href = json.messages[message].attachments[attachment].url;
messageAttachment.innerText = json.messages[message].attachments[attachment].url; messageAttachment.innerText = json.messages[message].attachments[attachment].fileName;
document.getElementById(messageContainer.id).append(messageAttachment); document.getElementById(messageContainer.id).append(messageAttachment);
} else if (attachmentLinkOrEmbed === "embed") { } else if (attachmentLinkOrEmbed === "embed") {

6
assets/stylesheets/index.css
View File

@ -55,6 +55,7 @@ body {
margin-bottom: 20px; margin-bottom: 20px;
box-shadow: 2px 2px 8px rgba(0,0,0,0.1); box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
width: 90%; width: 90%;
overflow: hidden;
} }
.card p { .card p {
@ -140,6 +141,11 @@ body {
width: 75%; width: 75%;
} }
.messageAuthorAvatar {
width: 64px;
border-radius: 100%;
}
.archiveAttachment { .archiveAttachment {
padding: 10px; padding: 10px;