diff --git a/TDKPaint/homebrew-blog-backup/script.js b/TDKPaint/homebrew-blog-backup/script.js new file mode 100644 index 0000000..04f94a5 --- /dev/null +++ b/TDKPaint/homebrew-blog-backup/script.js @@ -0,0 +1,99 @@ +document.addEventListener('DOMContentLoaded', function() { + var content = document.getElementById('content'); + var searchInput = document.getElementById('search-input'); + var searchButton = document.getElementById('search-button'); + + var blogPosts = [ + { + title: 'Homebrew Blog has just launched!', + text: 'Click on this post to see more information...', + url: 'blogs/12.06.2023/homebrew-blog-has-just-launched.html', + authorIcon: 'author_data/author_icons/admin.png', + url_author: 'author_pages/admin.html', + verified: true + } + ]; + +function createBlogPreviews(posts) { + var content = document.getElementById('content'); + content.innerHTML = ''; + + if (posts.length === 0) { + var noResultsMessage = document.createElement('p'); + noResultsMessage.textContent = 'No results found...'; + content.appendChild(noResultsMessage); + } else { + for (var i = posts.length - 1; i >= 0; i--) { + var blog = posts[i]; + var blogPreview = document.createElement('div'); + blogPreview.className = 'blog-preview'; + + var blogHeader = document.createElement('div'); + blogHeader.className = 'blog-header'; + + var blogTitle = document.createElement('h2'); + blogTitle.textContent = blog.title; + + if (blog.verified) { + var verificationIcon = document.createElement('img'); + verificationIcon.src = 'verify.png'; + verificationIcon.alt = verificationIcon.src; + verificationIcon.className = 'verification-icon'; + blogHeader.appendChild(verificationIcon); + } + + var blogAuthorIconLink = document.createElement('a'); + blogAuthorIconLink.href = blog.url_author; + + var blogAuthorIcon = document.createElement('img'); + blogAuthorIcon.src = blog.authorIcon; + blogAuthorIcon.alt = 'Author Icon'; + blogAuthorIcon.className = 'author-icon'; + + blogAuthorIconLink.appendChild(blogAuthorIcon); + blogHeader.appendChild(blogAuthorIconLink); + + blogHeader.appendChild(blogTitle); + blogHeader.appendChild(blogAuthorIcon); + + var blogText = document.createElement('p'); + blogText.textContent = blog.text; + + blogPreview.appendChild(blogHeader); + blogPreview.appendChild(blogText); + + blogPreview.addEventListener('click', function() { + window.location.href = blog.url; + }); + + + content.appendChild(blogPreview); + } + } +} + + + function navigateToBlog(url) { + window.location.href = url; + } + + function filterBlogPosts() { + var searchQuery = searchInput.value.toLowerCase(); + var filteredBlogPosts = blogPosts.filter(function(blog) { + return blog.title.toLowerCase().includes(searchQuery); + }); + createBlogPreviews(filteredBlogPosts); + } + + searchButton.addEventListener('click', function() { + filterBlogPosts(); + }); + + searchInput.addEventListener('keyup', function(event) { + if (event.keyCode === 13) { + filterBlogPosts(); + } + }); + + createBlogPreviews(blogPosts); +});