+
+
+
+
Chess
Calculator
A simple and stylish calculator app.
+ +Todo List
+A useful app to keep track of your tasks.
+
+
+
+
+
+ Todo List
+
+
+
+
+
+ -
+
+
+
+
Could not fetch news articles. Please try again later.
'; + } + } + + function renderArticles(articles) { + if (!articles || articles.length === 0) { + articlesContainer.innerHTML = 'No news articles found.
'; + return; + } + + articlesContainer.innerHTML = ''; // Clear loading message + + articles.forEach(article => { + if (!article.title || article.title === '[Removed]') return; + + const articleEl = document.createElement('div'); + articleEl.classList.add('article-card'); + + const title = document.createElement('h3'); + const link = document.createElement('a'); + link.href = article.url; + link.textContent = article.title; + link.target = '_blank'; + link.rel = 'noopener noreferrer'; + title.appendChild(link); + + const description = document.createElement('p'); + description.textContent = article.description || ''; + + const source = document.createElement('span'); + source.classList.add('article-source'); + source.textContent = `Source: ${article.source.name}`; + + const published = document.createElement('span'); + published.classList.add('article-published'); + published.textContent = `Published: ${new Date(article.publishedAt).toLocaleDateString()}`; + + const image = document.createElement('img'); + if(article.urlToImage) { + image.src = article.urlToImage; + image.alt = article.title; + articleEl.appendChild(image); + } + + articleEl.appendChild(title); + articleEl.appendChild(description); + articleEl.appendChild(source); + articleEl.appendChild(published); + + articlesContainer.appendChild(articleEl); + }); + } + + fetchNews(); +}); diff --git a/js/project-detail.js b/js/project-detail.js new file mode 100644 index 0000000..da57984 --- /dev/null +++ b/js/project-detail.js @@ -0,0 +1,47 @@ +document.addEventListener('DOMContentLoaded', () => { + const titleEl = document.getElementById('project-title'); + const descriptionEl = document.getElementById('project-description'); + const readmeEl = document.getElementById('project-readme'); + + const params = new URLSearchParams(window.location.search); + const repoName = params.get('repo'); + + if (!repoName) { + titleEl.textContent = 'Project not found.'; + return; + } + + const showdownConverter = new showdown.Converter(); + + async function fetchProjectDetails() { + try { + // Fetch basic repo info + const repoRes = await fetch(`https://api.github.com/repos/mononeer/${repoName}`); + if (!repoRes.ok) throw new Error('Repository not found'); + const repoData = await repoRes.json(); + + titleEl.textContent = repoData.name; + descriptionEl.textContent = repoData.description || 'No description provided.'; + + // Fetch README + const readmeRes = await fetch(`https://api.github.com/repos/mononeer/${repoName}/readme`); + if (!readmeRes.ok) { + readmeEl.innerHTML = 'No README found for this project.
'; + return; + } + const readmeData = await readmeRes.json(); + + // Decode base64 content and convert Markdown to HTML + const markdownContent = atob(readmeData.content); + const htmlContent = showdownConverter.makeHtml(markdownContent); + readmeEl.innerHTML = htmlContent; + + } catch (error) { + console.error('Error fetching project details:', error); + titleEl.textContent = 'Error loading project'; + descriptionEl.textContent = error.message; + } + } + + fetchProjectDetails(); +}); diff --git a/js/todo.js b/js/todo.js new file mode 100644 index 0000000..a365a25 --- /dev/null +++ b/js/todo.js @@ -0,0 +1,58 @@ +document.addEventListener('DOMContentLoaded', () => { + const todoForm = document.getElementById('todo-form'); + const todoInput = document.getElementById('todo-input'); + const todoList = document.getElementById('todo-list'); + + // Load todos from local storage + let todos = JSON.parse(localStorage.getItem('todos')) || []; + + function saveTodos() { + localStorage.setItem('todos', JSON.stringify(todos)); + } + + function renderTodos() { + todoList.innerHTML = ''; + todos.forEach((todo, index) => { + const li = document.createElement('li'); + li.textContent = todo.text; + li.classList.toggle('completed', todo.completed); + li.dataset.index = index; + + const deleteBtn = document.createElement('button'); + deleteBtn.textContent = 'Delete'; + deleteBtn.classList.add('delete-btn'); + + li.appendChild(deleteBtn); + todoList.appendChild(li); + }); + } + + todoForm.addEventListener('submit', (e) => { + e.preventDefault(); + const text = todoInput.value.trim(); + if (text) { + todos.push({ text: text, completed: false }); + todoInput.value = ''; + saveTodos(); + renderTodos(); + } + }); + + todoList.addEventListener('click', (e) => { + const target = e.target; + const index = target.closest('li')?.dataset.index; + + if (index === undefined) return; + + if (target.classList.contains('delete-btn')) { + todos.splice(index, 1); + } else { + todos[index].completed = !todos[index].completed; + } + + saveTodos(); + renderTodos(); + }); + + renderTodos(); +}); diff --git a/news/index.html b/news/index.html new file mode 100644 index 0000000..510be1b --- /dev/null +++ b/news/index.html @@ -0,0 +1,41 @@ + + + + + +
+
+
+ Tech News Feed
+
+
+
+ Loading news...
+
+
+
+ Loading project...
+ + +
+
+