Merge pull request #6 from GatorEducator/course-websites

Course websites

Author: AlishChhetri

slides/course-websites/algorithmology_repo.png

@@ -25,11 +25,9 @@ format:
 ::: {.incremental style="margin-top: -0.15em;"}
 
 - Course sites as **static archives** rather than **living resources**
-- Students view materials as **products to consume** not **projects to
-contribute to**, limiting learning and engagement
-- Interactive examples require **separate tools** or **platforms**
-- Content becomes **quickly outdated** without a sustainable update process that
-leverages **industry-standard tools**
+- Students view materials as **products to consume** not **projects to contribute to**, limiting learning and engagement
+- Interactive examples require **separate tools** or **platforms** 
+- Content becomes **quickly outdated** without a sustainable update process that leverages **industry-standard tools**
 
 :::
 
@@ -54,71 +52,40 @@ packages like Quarto make it possible to create **interactive** and
 
 ::: {.fragment .fade .tight-boxed-content style="margin-top: -0.05em; margin-bottom: -0.25em; font-size: 0.8em;"}
 
-- {{< iconify fa6-solid lightbulb >}} **Ultimate Goal**: Build content-focused,
-interactive, collaborative course sites that instructors can maintain with
-minimal effort
-- {{< iconify fa6-solid diagram-project >}} **Next Steps**: Give examples of
-content you can immediately use! See `https://github.com/GatorEducator/PyCon2025-EducationAndTypingSummit-Presentations` for more details!
+- {{< iconify fa6-solid lightbulb >}} **Ultimate Goal**: Build content-focused, interactive, collaborative course sites that instructors can maintain with minimal effort
+- {{< iconify fa6-solid diagram-project >}} **Next Steps**: Give examples of content you can immediately use! See [Algorithmology.org](https://algorithmology.org/) for more details!
 
 :::
 
-## Explore Use of the `LinkedList`
+## Interactive Fibonacci Sequence
 
 ```{pyodide}
 #| autorun: true
 #| max-lines: 10
-class ListNode:
-    def __init__(self, data, link = None):
-        self.data = data
-        self.link = link
-
-class LinkedList:
-    def __init__(self):
-        self._head = None
-
-    def addfirst(self, item):
-        self._head = ListNode(item, self._head)
-
-    def addlast(self, item):
-        if self._head is None:
-            self.addfirst(item)
-        else:
-            currentnode = self._head
-            while currentnode.link is not None:
-                currentnode = currentnode.link
-            currentnode.link = ListNode(item)
-
-    def removefirst(self):
-        item = self._head.data
-        self._head = self._head.link
-        return item
-
-    def removelast(self):
-        if self._head.link is None:
-            return self.removefirst()
-        else:
-            currentnode = self._head
-            while currentnode.link.link is not None:
-                currentnode = currentnode.link
-            item = currentnode.link.data
-            currentnode.link = None
-            return item
-
-LL = LinkedList()
-LL.addfirst(3)
-LL.addfirst(5)
-print(LL.removefirst() == 5)
-LL.addlast(9)
-LL.addlast(13)
-print(LL.removefirst() == 3)
-print(LL.removefirst() == 9)
-print(LL.removelast() == 13)
+def fibonacci(n):
+    """Calculate the Fibonacci sequence up to n terms."""
+    fib_sequence = [0, 1]
+    
+    if n <= 0:
+        return []
+    if n == 1:
+        return [0]
+    
+    # Generate Fibonacci sequence
+    for i in range(2, n):
+        fib_sequence.append(fib_sequence[i-1] + fib_sequence[i-2])
+        
+    return fib_sequence
+
+# Calculate and display first 10 Fibonacci numbers
+fib_10 = fibonacci(10)
+print(f"First 10 Fibonacci numbers: {fib_10}")
+
 ```
 
 ::: {.fragment style="margin-top: -0.25em; font-size: 0.775em;"}
 
-- {{< iconify fa6-solid robot >}} **Task**: Visualize `ListNode` and
-`LinkedList` and explain the `True` outputs!
+- {{< iconify fa6-solid lightbulb >}} **Task**: Try modifying the code to calculate more terms or implement a different algorithm!
 
 :::
 
@@ -134,78 +101,109 @@ print(LL.removelast() == 13)
 
 :::
 
-## The Instructor's Role
+## Course Roles & Contributions
 
-::: {.fragment .fade-right}
+::: {.columns}
+::: {.column width="48%"}
+### Instructor's Role 
 
-- Create core course content and structure
+::: {.fragment .fade-right}
+- Create course content and structure
 - Establish contribution guidelines
-- Review and provide feedback on student submissions
-- Guide collaborative knowledge building
-
+- Review and provide feedback
+- Guide collaborative learning
+:::
 :::
 
-## How Students Contribute
-
-::: incremental
+::: {.column width="4%"}
+:::
 
-- Fork the repository and create content in their assigned folder
-- Write reflections and examples in simple Markdown with code
-- Submit a Pull Request for review and feedback
-- Content is automatically published when approved
+::: {.column width="48%"}
+### Student's Role
 
+::: {.fragment .fade-left}
+- Fork repository, create content
+- Write reflections with code examples
+- Submit PRs for review
+- Learn from publication process
+:::
 :::
+:::
+
+## Real World Examples
 
-## Real World Example
+::: {.columns}
+::: {.column width="48%"}
+### [Course Website](https://algorithmology.org/)
 
 ::: {.fragment .fade-right}
 
-- [Algorithmology.org](https://algorithmology.org/)
-- [Algorithmology GitHub repository](https://github.com/Algorithmology/www.algorithmology.org)
+![](algorithmology_website.png){width=500 fig-align="center"}
+:::
+:::
 
+::: {.column width="4%"}
 :::
 
-## Educational Benefits
+::: {.column width="48%"}
+### [GitHub Repository](https://github.com/Algorithmology/www.algorithmology.org)
 
-::: incremental
-
-- **Learn by Contributing**: Students practice real-world technical documentation
-- **Code + Context**: Code always presented with educational context
-- **Literate Programming**: Encourages explaining code, not just writing it
-- **Continuous Improvement**: Course materials evolve each semester
+::: {.fragment .fade-left}
+#### [](https://github.com/Algorithmology/www.algorithmology.org)
 
+![](algorithmology_repo.png){width=500 fig-align="center"}
+:::
+:::
 :::
 
-## Technical Advantages
+## Technical Advantages & Future Improvements
 
-::: {.fragment .fade-right}
+::: {.columns}
+::: {.column width="60%"}
+### Current Advantages
 
+::: {.fragment .fade-right}
 - **Low Barrier to Entry**: Markdown is easier than HTML/CSS/JS
 - **Focus on Content**: Technical details are abstracted away
 - **Interactive Examples**: Code runs in the browser without installation
 - **Full-Text Search**: Find anything across all course materials
 - **Developer Workflow**: Students learn how to collaborate using industry-standard tools
-
+:::
 :::
 
-## Future Improvements
-
-::: {.fragment .fade-right}
+::: {.column width="40%"}
+### Future Improvements
 
+::: {.fragment .fade-left}
 - Full browser-based IDE experience
 - Better error messages for WebAssembly Python
-- Implementation of a note taking tool, allowing students to take notes in the browser by commenting on the slides
-
+- In-browser note taking and collaborative whiteboarding tools
+:::
+:::
 :::
 
 ## Why You Should Consider This Approach
 
 ::: incremental
 
 - **Student Ownership**: Contributions create investment in the course
+- **Transparency**: Public materials encourage higher quality work
 - **Living Knowledge Base**: Materials improve rather than decay over time
 - **Practical Skills**: Industry tools in an educational context
-- **Transparency**: Public materials encourage higher quality work
 - **Scalability**: Works for any course size, from small seminars to large lectures
 
 :::
+
+::: {.fragment .fade .boxed-content style="margin-top: 1em; font-size: 0.8em;"}
+
+**Contact Us & Resources**:  
+
+**Site**: [https://algorithmology.org/](https://algorithmology.org/)
+
+**Repo**: [https://github.com/Algorithmology/www.algorithmology.org](https://github.com/Algorithmology/www.algorithmology.org)  
+
+**Alish Chhetri**: chhetri01@allegheny.edu
+
+**Gregory M. Kapfhammer**: gkapfhammer@allegheny.edu
+
+:::