| Member | U-Number | Role(s) | Task(s) |
|---|---|---|---|
| Pau | U233548 | JavaScript Interactions Dev & LLM Content Writer | Add dynamic functionality using app.js & Write the informative text inside the HTML |
| Albert | U215114 | CSS Designer & DevOps Manager | Apply modern and responsive styles (styles.css) & Configure GitHub Actions (ESLint) and ensure code quality |
| Evgeni | U214394 | HTML Layout Designer & Final Integrator | Create the structure of index.html with all required sections & Merge PRs, resolve conflicts, and review final functionality |
| Oriol | U232393 | DevOps Manager & LLM Content Writer | Configure GitHub Actions (ESLint) and ensure code quality & Write the informative text inside the HTML |
This is a concise, single-page educational website designed to introduce newcomers to the fundamentals of Large Language Models (LLMs). It covers:
- Core Concepts: What LLMs are, how they’re trained on vast text corpora, and the basics of neural network architectures (transformers).
- Key Use Cases: Real-world applications such as chatbots, content generation, summarization, translation, and sentiment analysis.
- Ethical Considerations: Common risks like bias, misinformation, and privacy implications, along with best practices for responsible use.
- Interactive Learning: Hands-on elements including a toggleable comparison table of popular models, random trivia alerts, and theme switching to keep learners engaged.
- Responsive & Accessible Design: Built with mobile-first styling and semantic HTML to ensure readability and usability across devices.
- Interactive comparison table of popular LLMs (toggle show/hide)
- Trivia/fun facts section with random fact alerts
- Dark/Light theme switcher for user preference
- Responsive design for desktop and mobile viewing
/ (project root)
├── index.html
├── styles.css
├── app.js
└── README.md