techrunner/Neocities
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changed it so I can just put html code in the json

Browse Source
This commit is contained in:
TechRunner
2025-10-16 17:56:29 -05:00
parent 9c9ddf6ea7
commit a27d1a9d1e
2 changed files with 16 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
javascript/post.js
View File

@ -1,14 +1,24 @@
search = window.location.search.replace("?", ""); search = window.location.search.replace("?", "");
fetch("/pages/blog/"+search+".json").then(response => response.json()).then(data => { fetch("/pages/blog/"+search+".json").then(response => response.json()).then(data => {
/*Grab all document elements needed*/
postTitle = document.getElementById("postTitle"); postTitle = document.getElementById("postTitle");
postSubTitle = document.getElementById("postSubTitle"); postSubTitle = document.getElementById("postSubTitle");
postDate = document.getElementById("postDate"); postDate = document.getElementById("postDate");
postText = document.getElementById("postText"); postText = document.getElementById("postText");
postTitle.textContent = data.title; postBody = document.getElementById("postBody");
postSubTitle.textContent = data.subTitle;
postDate.textContent = "Posted: " + data.date; postTitle.textContent = data.title; /*Assign Post title to title header*/
postText.textContent = data.postText; postSubTitle.textContent = data.subTitle; /*Assign Sub title to sub title header*/
postDate.textContent = "Posted: " + data.date; /*Assign date to date header*/
/* Check type of post*/
if (data.postType == "text"){
postText.textContent = data.postText;
}
if (data.postType == "html"){
postBody.innerHTML = data.postText;
}
}).catch(error => console.error("Error Fetching Json")); }).catch(error => console.error("Error Fetching Json"));

4
pages/templates/post.html
View File

@ -14,8 +14,8 @@
<h3 id="postSubTitle">Subtitle</h3> <h3 id="postSubTitle">Subtitle</h3>
<h5 id="postDate">Posted: 15 October 2025</h5> <h5 id="postDate">Posted: 15 October 2025</h5>
</div> </div>
<div class="postBody"> <div id="postBody">
<p id="postText">Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias a, doloremque neque culpa soluta qui itaque cupiditate necessitatibus sed delectus, nihil numquam beatae quaerat aperiam architecto commodi earum ad dolorum? Consectetur rem expedita vero voluptates dicta aperiam accusantium voluptatem vitae sunt cumque ea eum similique quod, facere iste! Aliquid, consequatur facere voluptatem corrupti laborum nihil eum? Similique enim, eos deserunt sunt deleniti adipisci dolores est accusamus quisquam incidunt voluptatem quaerat eveniet quis officia? Veritatis consectetur veniam obcaecati odit quam minus, delectus rerum sunt ipsa nostrum, enim a accusamus ducimus, placeat dolor sed architecto illum voluptatem autem animi praesentium ab est.</p> <p id="postText"></p>
</div> </div>
</div> </div>
<script src="/javascript/post.js"></script> <script src="/javascript/post.js"></script>