Added materials tab

README.md

@@ -5,9 +5,11 @@ Static about/portfolio page for Codevisoft (Paweł Szudarek), meant to be hosted
 ## Structure
 
 - `index.html` — page content
+- `materials.html` — downloadable talk/workshop materials (slides, project files)
 - `styles.css` — styling
 - `script.js` — small footer-year script
 - `images/` — logo assets
+- `materials/<talk-name>/` — one folder per talk, holding its `slides.pdf` and `project.zip`
 
 No build step — plain static files.
 
@@ -43,3 +45,9 @@ No build step — plain static files.
 ## Editing content
 
 Edit `index.html` directly — sections are marked `About`, `Portfolio`, and `Contact`. Update the email address, portfolio entries, and links as needed.
+
+## Adding a new set of materials
+
+1. Create a folder under `materials/`, e.g. `materials/my-talk/`.
+2. Drop the files in it, e.g. `slides.pdf` and `project.zip`.
+3. Add a `<article class="card">` entry in `materials.html` with download links pointing at those files (copy an existing card as a template).

index.html

@@ -15,6 +15,7 @@
     <nav>
       <a href="#about">About</a>
       <a href="#portfolio">Portfolio</a>
+      <a href="materials.html">Materials</a>
       <a href="#contact">Contact</a>
     </nav>
   </div>

materials.html

@@ -0,0 +1,59 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Materials — Codevisoft</title>
+<meta name="description" content="Downloadable materials from my talks and workshops — slides and project files.">
+<link rel="icon" type="image/png" href="images/Emblem.png">
+<link rel="stylesheet" href="styles.css">
+</head>
+<body>
+
+<header class="site-header">
+  <div class="container header-inner">
+    <nav>
+      <a href="index.html#about">About</a>
+      <a href="index.html#portfolio">Portfolio</a>
+      <a href="materials.html">Materials</a>
+      <a href="index.html#contact">Contact</a>
+    </nav>
+  </div>
+</header>
+
+<main>
+
+  <section class="section">
+    <div class="container">
+      <h2>Materials</h2>
+      <p>
+        Slides and project files from my talks and workshops. Free to download and reuse for learning purposes.
+      </p>
+
+      <div class="portfolio-grid">
+
+        <article class="card">
+          <h3>[FUTURE PRESENTATION] Python in Unreal Engine</h3>
+          <p class="card-meta">Presentation &middot; Zachodniopomorski Uniwersytet Technologiczny | SKN Collider</p>
+          <p>Intro to Python scripting in Unreal Engine with usage examples.</p>
+          <p class="card-downloads">
+            <a class="card-link" href="materials/python-w-unreal-engine/UE-Python.pptx">This will be a link to slides (PPTX)→</a><br>
+            <a class="card-link" href="materials/python-w-unreal-engine/ExampleProject.zip">This will be a link to Unreal project (ZIP) →</a>
+          </p>
+        </article>
+
+      </div>
+    </div>
+  </section>
+
+</main>
+
+<footer class="site-footer">
+  <div class="container">
+    <p>&copy; <span id="year"></span> Codevisoft — Paweł Szudarek</p>
+  </div>
+</footer>
+
+<script src="script.js"></script>
+</body>
+</html>

materials/python-w-unreal-engine/PLACEHOLDER.txt

@@ -0,0 +1,8 @@
+Put the real files here, named exactly:
+
+  slides.pdf   — the presentation
+  project.zip  — the Unreal Engine project / code
+
+materials.html links directly to these two filenames, so once you drop
+them in this folder the download links on the site start working —
+no HTML changes needed. Delete this placeholder file afterwards.

styles.css

@@ -127,6 +127,11 @@ nav a:hover { color: var(--accent); text-decoration: none; }
   font-weight: 500;
 }
 
+.card-downloads {
+  margin: 0.75rem 0 0;
+  line-height: 1.9;
+}
+
 .more-link {
   margin-top: 2rem;
   color: var(--text-dim);