From 895ad6da773ac0e5b9a12f0ab65392b0390c530f Mon Sep 17 00:00:00 2001 From: jesper <118400668+k1nsej@users.noreply.github.com> Date: Wed, 29 May 2024 00:03:50 +0200 Subject: [PATCH] Made the blog post into json --- index.html | 137 +----------------- scripts/blog.js | 60 ++++++++ scripts/blogposts.json | 30 ++++ scripts/meta.js | 10 +- ... => The_Sims_4_Party_Essentials_Cover.jpg} | Bin 5 files changed, 98 insertions(+), 139 deletions(-) create mode 100644 scripts/blog.js create mode 100644 scripts/blogposts.json rename static/images/cover/{The_Sims_4_Party_Essentials_Cover.jpeg => The_Sims_4_Party_Essentials_Cover.jpg} (100%) diff --git a/index.html b/index.html index ede6ce7..4c85ba5 100644 --- a/index.html +++ b/index.html @@ -34,6 +34,7 @@ +
@@ -52,140 +53,8 @@

Sul Sul, Simmers!

browsing!

News

-
-
-
- ... -
-
New Kits got announced!
-

- The Riviera Retreat Kit & the Cozy Bistro Kit just - got announced. The Reviera Retreat Kit is a pool - themed Kit with new pool fountains, pool trims, - stucco, archways and more! -
-
- The Cozy Bistro Kit is a bistro themed Kit with - new tables, chairs, awnings wallpapers and more! -
-
- They will both be available May 30, 2024 on all - usual platforms. You can find more about these in - the EA blog post - - here - . -

-
-
- - Published on May 28, 2024 - -
-
-
-
-
- ... -
-
- The Blooming Rooms Kit is FREE! -
-

- You can get the Blooming Rooms Kit for free now - and then have it forever. Click - - here - - to be taken to the official EA Website to redeem - it for free!

- Disclaimer: This offer is exclusively accessible - through the EA App on Mac and PC until June 17th. -

-
-
- - Published on May 20, 2024 - -
-
-
-
-
- Party Essentials Cover -
-
- New Kit: "Party Essentials" -
-

- The Sims announced two new kits! This one - the - Party Essentials Kit has party props like baloons, - a fog machine, speakers, a disco ball and more! - Both of the Kits are scheduled to be released - April 18th, 2024 at 10AM Pacific Time. They will - cost 4,99 USD / 4,99 EUR each. -

- - Buy on EA.com - - -
-
- - Date of publishing unknown -
-
-
-
-
- Urban Homage Cover -
-
New Kit: "Urban Homage"
-

- The Sims announced two new kits! This one - the - Urban Homage Kit was created in collaboration with - Danielle "Ebonix" Udogaranya. It has - London-city 90s and 2000s inspired clothing with - lively patterns, vibrant graffiti motifs and - eye-catching accessories. Both of the Kits are - scheduled to be released April 18th, 2024 at 10AM - Pacific Time. They will cost 4,99 USD / 4,99 EUR - each. -

- - Buy on EA.com - - -
-
- Date of publishing unknown -
-
-
+
+
diff --git a/scripts/blog.js b/scripts/blog.js new file mode 100644 index 0000000..aae126b --- /dev/null +++ b/scripts/blog.js @@ -0,0 +1,60 @@ +document.addEventListener("DOMContentLoaded", function () { + // Function to fetch JSON data from a file + function fetchJSONFile(path, callback) { + var xhr = new XMLHttpRequest(); + xhr.onreadystatechange = function () { + if (xhr.readyState === XMLHttpRequest.DONE) { + if (xhr.status === 200) { + var data = JSON.parse(xhr.responseText); + if (callback) { + callback(data); + } + } else { + console.error("Failed to fetch JSON data"); + } + } + }; + xhr.open("GET", path, true); + xhr.send(); + } + + // Call the fetchJSONFile function to load data from the JSON file + fetchJSONFile("/scripts/blogposts.json", function (jsonData) { + // Sort data by published date (assuming the date is in a consistent format) + jsonData.sort(function (a, b) { + return new Date(b.published_date) - new Date(a.published_date); + }); + + // Get the card container + var cardContainer = document.getElementById("cardContainer"); + + // Loop through JSON data and generate HTML for each item + jsonData.forEach(function (item) { + // Replace placeholders in description with actual HTML anchor tags + var description = item.description.replace( + "[here]", + 'here ' + ); + description = description.replace( + "[Read more]", + 'Read more ' + ); + + var cardHtml = ` +
+
+ ... +
+
${item.title}
+

${description}

+
+
+ Published on ${item.published_date} +
+
+
+ `; + cardContainer.innerHTML += cardHtml; + }); + }); +}); \ No newline at end of file diff --git a/scripts/blogposts.json b/scripts/blogposts.json new file mode 100644 index 0000000..5c042c4 --- /dev/null +++ b/scripts/blogposts.json @@ -0,0 +1,30 @@ +[ + { + "title": "New Kits got announced!", + "image_src": "/static/images/blog/rivieraretreatcozybistro.png", + "description": "The Riviera Retreat Kit & the Cozy Bistro Kit just got announced. The Riviera Retreat Kit is a pool themed Kit with new pool fountains, pool trims, stucco, archways and more!

The Cozy Bistro Kit is a bistro themed Kit with new tables, chairs, awnings wallpapers and more!

They will both be available May 30, 2024 on all usual platforms. You can find more about these in the EA blog post [here].", + "link": "https://www.ea.com/games/the-sims/the-sims-4/news/cozy-bistro-and-riviera-retreat-kits", + "published_date": "May 28, 2024" + }, + { + "title": "The Blooming Rooms Kit is FREE!", + "image_src": "/static/images/cover/The_Sims_4_Blooming_Rooms_Cover.jpg", + "description": "You can get the Blooming Rooms Kit for free now and then have it forever. Click [here] to be taken to the official EA Website to redeem it for free!

Disclaimer: This offer is exclusively accessible through the EA App on Mac and PC until June 17th.", + "link": "https://www.ea.com/games/the-sims/the-sims-4/store/addons/the-sims-4-blooming-rooms-kit", + "published_date": "May 25, 2024" + }, + { + "title": "New Kit: \"Party Essentials\"", + "image_src": "/static/images/cover/The_Sims_4_Party_Essentials_Cover.jpg", + "description": "The Sims announced two new kits! This one - the Party Essentials Kit has party props like baloons, a fog machine, speakers, a disco ball and more! Both of the Kits are scheduled to be released April 18th, 2024 at 10AM Pacific Time. They will cost 4,99 USD / 4,99 EUR each. You can get it [here].", + "link": "https://www.ea.com/games/the-sims/the-sims-4/store/addons/the-sims-4-party-essentials-kit", + "published_date": "April 10, 2024" + }, + { + "title": "New Kit: \"Urban Homage\"", + "image_src": "/static/images/cover/The_Sims_4_Urban_Homage_Cover.jpg", + "description": "The Sims announced two new kits! This one - the Urban Homage Kit was created in collaboration with Danielle \"Ebonix\" Udogaranya. It has London-city 90s and 2000s inspired clothing with lively patterns, vibrant graffiti motifs and eye-catching accessories. Both of the Kits are scheduled to be released April 18th, 2024 at 10AM Pacific Time. They will cost 4,99 USD / 4,99 EUR each. You can get it [here].", + "link": "https://www.ea.com/games/the-sims/the-sims-4/store/addons/the-sims-4-urban-homage-kit", + "published_date": "April 10, 2024" + } +] \ No newline at end of file diff --git a/scripts/meta.js b/scripts/meta.js index 8862e48..c8eda59 100644 --- a/scripts/meta.js +++ b/scripts/meta.js @@ -116,18 +116,18 @@ for (let i = 0; i < 3; i++) { async: "" }); - addElementToHead("script", { - src: "/scripts/posthog.js", + /*addElementToHead("script", { + src: "/scripts/blog.js", async: "" - }); - + });*/ + addElementToHead("script", { async: "", defer: "", src: "https://beampipe.io/js/tracker.js", "data-beampipe-domain": "https://beampipe.io/js/tracker.js" }); - + // addElementToHead("script", { // name: "defer", // "data-domain": "simsinfohub.com", diff --git a/static/images/cover/The_Sims_4_Party_Essentials_Cover.jpeg b/static/images/cover/The_Sims_4_Party_Essentials_Cover.jpg similarity index 100% rename from static/images/cover/The_Sims_4_Party_Essentials_Cover.jpeg rename to static/images/cover/The_Sims_4_Party_Essentials_Cover.jpg