body.html
Changed around line 1
+
+
TheNoods
+
Your interactive AI & Tech news hub
+
+
+
+
+
AI Innovations
+
Explore the latest in artificial intelligence.
+
+
+
Tech Trends
+
Discover cutting-edge technology developments.
+
+
+
Startups
+
Learn about emerging startups and their impact.
+
+
+
Ethics in Tech
+
Dive into the ethical discussions in technology.
+
+
+
+
Related Stories
+
+
+
+
+
Stay informed with TheNoods
+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://thenoods.scroll.pub
+ metaTags
+ editButton /edit.html
+ title TheNoods - Interactive AI/Tech News Hub
+ style.css
+ body.html
+ script.js
readme.scroll
Changed around line 1
+ # thenoods.scroll.pub
+ Website generated by DeepSeek from prompt: i want a website called thenoods that is an interactive ai/tech news hub with floating dynamic modules that can be interacted with. when one module is selected-- connect the selected module to relevant stories to aid the user in streamlined relation
script.js
Changed around line 1
+ document.addEventListener('DOMContentLoaded', function() {
+ const modules = document.querySelectorAll('.module');
+ const storyList = document.getElementById('story-list');
+
+ const stories = {
+ ai: [
+ { title: 'AI Breakthrough in Healthcare', link: '#' },
+ { title: 'New AI Language Model Released', link: '#' }
+ ],
+ tech: [
+ { title: 'Quantum Computing Advances', link: '#' },
+ { title: 'New Smartphone Tech Unveiled', link: '#' }
+ ],
+ startups: [
+ { title: 'Startup Raises $10M in Funding', link: '#' },
+ { title: 'New App Revolutionizes Social Media', link: '#' }
+ ],
+ ethics: [
+ { title: 'Ethical AI Guidelines Published', link: '#' },
+ { title: 'Tech Giants Face Privacy Scrutiny', link: '#' }
+ ]
+ };
+
+ modules.forEach(module => {
+ module.addEventListener('click', function() {
+ const topic = this.getAttribute('data-topic');
+ displayStories(topic);
+ });
+ });
+
+ function displayStories(topic) {
+ storyList.innerHTML = '';
+ stories[topic].forEach(story => {
+ const li = document.createElement('li');
+ const a = document.createElement('a');
+ a.href = story.link;
+ a.textContent = story.title;
+ li.appendChild(a);
+ storyList.appendChild(li);
+ });
+ }
+ });
style.css
Changed around line 1
+ body {
+ font-family: 'Arial', sans-serif;
+ margin: 0;
+ padding: 0;
+ background: #f4f4f4;
+ color: #333;
+ }
+
+ header {
+ background: #007BFF;
+ color: white;
+ padding: 20px;
+ text-align: center;
+ }
+
+ h1 {
+ margin: 0;
+ }
+
+ .grid-container {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 20px;
+ padding: 20px;
+ }
+
+ .module {
+ background: white;
+ border-radius: 10px;
+ padding: 20px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ transition: transform 0.3s ease, box-shadow 0.3s ease;
+ cursor: pointer;
+ }
+
+ .module:hover {
+ transform: translateY(-5px);
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
+ }
+
+ h2 {
+ margin-top: 0;
+ }
+
+ .related-stories {
+ background: white;
+ border-radius: 10px;
+ padding: 20px;
+ margin: 20px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ }
+
+ footer {
+ text-align: center;
+ padding: 20px;
+ background: #007BFF;
+ color: white;
+ }
+
+ @media (max-width: 768px) {
+ .grid-container {
+ grid-template-columns: 1fr;
+ }
+ }