content: fixed slides up to git remotes

Author: debel

src/client/styles/menu.css

@@ -4,6 +4,7 @@
   align-items: flex-start;
   justify-content: space-between;
   margin: 20px 1px;
+  font-size: 0.9rem;
 }
 
 .navigation-menu__inner {

src/components/LessonOverview.astro

@@ -1,21 +1,21 @@
 ---
-import { baseUrl, lessonMarker, type AstroLesson } from '../helpers.astro';
+import { baseUrl, fullLinkText, lessonMarker, pagePath, pageTitle, type AstroLesson } from '../helpers.astro';
 
 export interface Props {
-  category?: 'lesson' | 'bonus',
+  category?: 'lesson' | 'bonus' | 'homework',
   lesson: AstroLesson,
 }
 
 const { category, lesson } = Astro.props;
 
-const subPath = category == 'bonus' ? 'bonus/' : 'lessons/';
+const subPath = pagePath(category);
 
 const lessonUrl = `${baseUrl}${subPath}${lesson.slug}`;
 const slidesUrl = `${baseUrl}slides/${lesson.slug}`
 
-const title = category == 'bonus'
-  ? lesson.data.title
-  : `${lessonMarker(lesson.data.state)} ${lesson.data.order}. ${lesson.data.title}`
+const title = pageTitle(lesson, category);
+
+const fullLinkLabel = fullLinkText(category);
 ---
 
 <article class="post on-list">
@@ -39,7 +39,7 @@ const title = category == 'bonus'
     </div>
   )}
   <div class="spaced">
-    <a href={lessonUrl} class="read-more button inline">view full lesson</a>
+    <a href={lessonUrl} class="read-more button inline">{fullLinkLabel}</a>
     {lesson.data.hasSlides && <a href={slidesUrl} class="read-more button inline">view as slides</a>}
   </div>
 </article>

src/content/lessons/git-branches.md

@@ -200,6 +200,52 @@ git log --oneline --graph master...experimental
 
 ---
 
+## Tracking Remote Branches
+
+```bash
+# See all branches (local and remote)
+git branch -a
+
+# Create local branch that tracks remote
+git checkout -b feature-branch origin/feature-branch
+
+# Simplified version (Git 2.23+)
+# Auto-tracks if remote exists
+git switch feature-branch
+```
+
+---
+
+## Working with Remote Branches
+
+```bash
+# Create local branch 
+git checkout -b new-feature
+
+# make changes, commit and push to remote
+git push -u origin new-feature
+
+# Delete remote branch
+git push origin --delete old-feature
+
+# Update remote tracking branches
+git fetch --prune
+```
+
+---
+
+## Branch Lifecycle
+
+1. **Create** branch from up-to-date main
+2. **Work** on feature with regular commits
+3. **Test** thoroughly before merging
+4. **Request** code review
+5. **Merge** to main after approval
+6. **Delete** feature branch after merge
+7. **Update** local main branch
+
+---
+
 ## Detached HEAD
 
 If HEAD points directly at a commit, git will inform you that

src/content/lessons/git-commands.md

@@ -2,7 +2,7 @@
 title: 'Basic git commands'
 description: 'An overview of basic git commands - everything you need to run a local repository'
 order: 4
-state: 'upcoming'
+state: 'covered'
 tags: ['git']
 links: {
   'Meaningful commit messages': 'https://www.conventionalcommits.org/en/v1.0.0/',

src/content/lessons/git-remotes.md

@@ -2,7 +2,7 @@
 title: 'Working with remote repositories'
 description: "Remote repositories are copies of the same repository in different locations"
 order: 5
-state: 'upcoming'
+state: 'covered'
 tags: ['git']
 links: {
   'Working with remotes': 'https://git-scm.com/book/en/v2/Git-Basics-Working-with-Remotes',
@@ -81,6 +81,7 @@ By default git will clone into the current directory,
 creating a directory with the repository's name.
 
 You can provide a different local path:
+
 ```bash
 git clone https://path/to/repo /path/to/local/clone
 ```
@@ -162,52 +163,6 @@ git push origin --all
 
 ---
 
-## Tracking Remote Branches
-
-```bash
-# See all branches (local and remote)
-git branch -a
-
-# Create local branch that tracks remote
-git checkout -b feature-branch origin/feature-branch
-
-# Simplified version (Git 2.23+)
-# Auto-tracks if remote exists
-git switch feature-branch
-```
-
----
-
-## Working with Remote Branches
-
-```bash
-# Create local branch 
-git checkout -b new-feature
-
-# make changes, commit and push to remote
-git push -u origin new-feature
-
-# Delete remote branch
-git push origin --delete old-feature
-
-# Update remote tracking branches
-git fetch --prune
-```
-
----
-
-## Branch Lifecycle
-
-1. **Create** branch from up-to-date main
-2. **Work** on feature with regular commits
-3. **Test** thoroughly before merging
-4. **Request** code review
-5. **Merge** to main after approval
-6. **Delete** feature branch after merge
-7. **Update** local main branch
-
----
-
 <class-work>
 
 ### Create your personal github.io page

src/content/lessons/intro-to-git.md

@@ -2,7 +2,7 @@
 title: 'Intro to git'
 description: 'An overview of what git is, how it works and why we want to learn to use it'
 order: 3
-state: 'upcoming'
+state: 'covered'
 tags: ['intro', 'git']
 links: {
   'Git docs': 'https://git-scm.com/docs',

src/content/syllabus.md

@@ -33,14 +33,10 @@
 
 ## Grading breakdown & schedule
 
-
 |  Assignment   | Weight | Due Date |
 | --------------- | --------------- | --- |
 | In class attendance & participation | 10% |  ♾️|
-| Homework 1 | 15% | 26.09.25 |
+| Homework 1 | 15% | **01.10.25** |
 | Midterm test | 25% | 03.10.25 |
-| Homework 2 | 20% | 10.10.25 |
+| Homework 2 | 20% | **12.10.25** |
 | Final test | 30% | 17.10.25 |
-
-
-

src/helpers.astro

@@ -13,14 +13,60 @@ export async function getBonusMaterials() {
   return (await getCollection('bonus'));
 }
 
+export async function getHomeworks() {
+  return (await getCollection('homeworks'))
+    .sort((a, b) => a.data.order - b.data.order);
+}
+
+type categories = 'lesson' | 'bonus' | 'homework';
+
+export function pagePath(category?: categories) {
+  switch (category) {
+    case 'lesson':
+      return "lessons/";
+    case 'bonus':
+      return "bonus/";
+    case 'homework':
+      return "homeworks/";
+  }
+
+  return "lessons/";
+}
+
+export function pageTitle(lesson: AstroLesson, category?: categories) {
+  switch (category) {
+    case 'lesson':
+      return `${lessonMarker(lesson.data.state)} ${lesson.data.order}. ${lesson.data.title}`;
+    case 'bonus':
+      return lesson.data.title;
+    case 'homework':
+      return lesson.data.title;
+  }
+
+  return `${lessonMarker(lesson.data.state)} ${lesson.data.order}. ${lesson.data.title}`;
+}
+
+export function fullLinkText(category?: categories) {
+  switch (category) {
+    case 'lesson':
+      return "view full lesson";
+    case 'bonus':
+      return "view full lesson";
+    case 'homework':
+      return "view full content";
+  }
+
+  return "view full content";
+}
+
 export const baseUrl = import.meta.env.BASE_URL.endsWith('/') ? import.meta.env.BASE_URL : import.meta.env.BASE_URL + '/';
 
 export function lessonMarker(state: keyof LessonState) {
-  switch (state) {
-    case 'covered':
-      return '☑️'
-    case 'upcoming':
-      return ''
+switch (state) {
+  case 'covered':
+    return '☑️'
+  case 'upcoming':
+    return ''
     case 'draft':
       return '🚧 '
   }