Reorganize course documentation and add platform guides

- Restructure Data Engineering Zoomcamp: move pages to Logistics folder (homework, deadlines, leaderboard, projects, communication, certification, learning-in-public)
- Create Course Management Platform documentation with screenshots (dashboard, homework, projects, peer review, leaderboard, contributing)
- Add FAQ documentation page with contribution guidelines
- Add Learning in Public guide with course-specific instructions
- Update all internal links to use relative_url filter
- Add navigation links between related pages
- Update dataset page with Parquet format info and data sources
- Update resources with clickable GitHub links
- Add course time commitment dashboard links
- Add Telegram channel to getting started
- Link Slack guide from community pages
- Add certificate image and project submission screenshots
- Fix image syntax to use HTML img tags with relative_url

Author: alexeygrigorev

AGENTS.md

@@ -2,4 +2,43 @@
 
 - Don't use long dashes. Always put spaces around dashes.
 - Don't use bold or italic formatting in markdown files. Use plain text.
-- Don't use tables. Use lists instead. 
+- Don't use tables. Use lists instead.
+
+## Links and Images
+
+Internal links and images should use Jekyll's `relative_url` filter to ensure they work correctly regardless of the site's base URL configuration.
+
+### Internal Links
+
+Use the `relative_url` filter for internal links:
+
+```markdown
+[Link text]({{ '/path/to/page/' | relative_url }})
+```
+
+Example:
+```markdown
+[platform documentation]({{ '/courses/course-management-platform/' | relative_url }})
+```
+
+Do NOT include `/notes/` prefix in the path - `relative_url` handles this automatically.
+
+Incorrect:
+```markdown
+[Link text](/notes/courses/course-management-platform/)
+```
+
+### Images
+
+Use HTML img tags with `relative_url` filter:
+
+```markdown
+<img src="{{ '/assets/images/path/to/image.jpg' | relative_url }}" alt="Description" width="80%">
+```
+
+Do NOT use markdown image syntax:
+```markdown
+![Description](/notes/assets/images/path/to/image.jpg)
+```
+
+Do NOT include `/notes/` prefix in the path - `relative_url` handles this automatically. 

CONTRIBUTING.md

@@ -11,12 +11,12 @@ When adding images to your markdown files, please follow these guidelines:
 
 **Correct Image Reference:**
 ```markdown
-![Image Description](/notes/assets/images/your-path/image.png)
+<img src="{{ '/assets/images/your-path/image.png' | relative_url }}" alt="Image Description" width="80%">
 ```
 
 **Incorrect Image Reference:**
 ```markdown
-![Image Description](/assets/images/your-path/image.png)
+![Image Description](/notes/assets/images/your-path/image.png)
 ```
 
 This is necessary because the site is configured with a baseurl of `/notes` in the `_config.yml` file. Without this prefix, images will not display correctly when the site is deployed.

_private/llm-zoomcamp/module-01-introduction/notes-1.md

@@ -116,7 +116,7 @@ When you interact with ChatGPT, Claude, or similar models, you experience:
 
 ### How LLMs Process Your Requests
 
-![LLM Processing](/notes/assets/images/llm-zoomcamp/module-1/lecture-1-llms.png)
+<img src="{{ '/assets/images/llm-zoomcamp/module-1/lecture-1-llms.png' | relative_url }}" alt="LLM Processing" width="80%">
 *Figure 1: LLM Processing*
 
 Understanding the basic input-output flow helps us use LLMs more effectively:
@@ -151,7 +151,7 @@ This works perfectly because cooking salmon is well-documented in the LLM's trai
 
 **Scenario 2 - LLM Knowledge Gap**:
 
-![Why we need RAG](/notes/assets/images/llm-zoomcamp/module-1/lecture-1-why-we-need-rag.png)
+<img src="{{ '/assets/images/llm-zoomcamp/module-1/lecture-1-why-we-need-rag.png' | relative_url }}" alt="Why we need RAG" width="80%">
 
 ```
 Question: "Is it too late to join the Data Engineering Zoomcamp?"
@@ -181,7 +181,7 @@ If we just connected students directly to ChatGPT, they'd get generic answers th
 
 ### What is RAG?
 
-![RAG Overview](/notes/assets/images/llm-zoomcamp/module-1/lecture-1-rag.png)
+<img src="{{ '/assets/images/llm-zoomcamp/module-1/lecture-1-rag.png' | relative_url }}" alt="RAG Overview" width="80%">
 
 **RAG = Retrieval (Search) + Augmented (Enhanced) + Generation (LLM)**
 

_sass/custom/custom.scss

@@ -87,11 +87,15 @@ p, li, h1, h2, h3, h4, h5, h6 {
   .main-content {
     flex: 1;
     max-width: 100%;
-    
+
     @media (min-width: 50rem) {
       max-width: 75%;
       padding-right: 2rem;
     }
+
+    h3 {
+      margin-bottom: 1rem;
+    }
   }
 
   .page-toc {