added first 2 lessons

_share/media/sass/herk.sass

@@ -1,93 +1,5 @@
 @use "sass:map"
 @use "sass:color"
 
-@use 'org-media-sass/org-base' as *
-
-@use 'org-media-sass/themes/desert-oasis' as * 
-@use 'org-media-sass/fonts' as fonts
-@use 'org-media-sass/mixins' as mixins-basic
-
-@include mixins-basic.set-header-sizes($default-header-sizes)
-@include mixins-basic.set-header-colors($default-header-colors)
-@include mixins-basic.set-header-margins-sides($default-header-margins-sides)
-@include mixins-basic.set-header-margins-vertical($default-header-margins-vertical)
-
-
-/* Base Styles */
-body
-  font-family: $primary-font
-  color: $text-color
-  background-color: $background-color
-
-/* Link Styles */
-a
-  color: $anchor-color
-
-  &:hover
-    color: $anchor-hover-color
-
-// Lists
-ul, ol
-  padding-left: $list-padding-left
-
-// Blockquotes
-blockquote
-  border-color: $secondary-color
-  color: color.adjust($text-color, $lightness: 10%)
-  font-family: $secondary-font
-
-// Tables
-table
-  color: $text-color
-
-th, td
-  border-color: $table-border-color
-
-th
-  background-color: $table-header-bg
-  color: $text-color
-
-tr:nth-child(even)
-  background-color: color.adjust($background-color, $lightness: 5%)
-
-/* Code Block Styles */
-pre, code
-  background-color: $code-background-color
-  color: $code-text-color
-
-  font-family: $secondary-font
-
-/* Header Styles */
-h1, h2, h3, h4, h5, h6
-  font-family: $secondary-font
-
-h4[id="timestamp"]
-  text-transform: uppercase
-  color: color.adjust(map.get($default-header-colors, 'h3'), $lightness: 10%)  
-
-h4[id="playlist"]
-  color: color.adjust(map.get($default-header-colors, 'h3'), $lightness: -10%)  
-h3 
-  a
-    color: color.adjust($anchor-color, $lightness: -12%)
-    &:hover
-      color: color.adjust($anchor-hover-color, $lightness: -12%)
-
-// Notes
-.note
-  background-color: $note-background-color
-  border-color: $note-border-color
-  color: $text-color
-
-div#postamble
-  border-color: $note-border-color
-  color: color.adjust($note-border-color, $lightness: 20%)
-
-/* Table of Contents Link */
-.toc
-  color: $primary-color
-
-div#table-of-contents ul li a
-  color: $toc-anchor-color
-  &:hover
-    color: $toc-anchor-hover-color
+@use 'org-media-sass/categories/chill_computer' as *
+@use 'org-media-sass/tables' as *

build n8n ai agents - 8 hr course/_subsections/lesson-01.org

@@ -1,7 +1,7 @@
 #+title: Lesson 01 | Course Agenda
-#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="../_share/media/css/missing-semester.css" />
-#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="../_share/media/css/org-media-sass/collapsible.css" />
-#+HTML_HEAD: <script src="../_share/media/js/collapsible.js"></script>
+#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="../../_share/media/css/herk.css" />
+#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="../../_share/media/css/org-media-sass/collapsible.css" />
+#+HTML_HEAD: <script src="../../_share/media/js/collapsible.js"></script>
 
 * Links
 #+attr_html: :class links
@@ -15,5 +15,125 @@
 
 #+attr_html: :class playlist
 - [[https://www.youtube.com/watch?v=Ey18PDiaAYI][0:00:00 Course Agenda]]
+- [[https://www.youtube.com/watch?v=Ey18PDiaAYI&t=103s][0:01:43 AI Agents Simplified]]
 
 * Notes
+** course agenda
+- no need for code
+- walk through step by step builds
+- 15 builds
+
+*** course topics
+1. ai agents
+2. n8n foundations
+3. step by step workflows
+4. apis & http requests
+5. ai agents tools & memory
+6. multi agent architecture
+7. prompting
+8. webhooks
+9. mcp servers
+   - what it is
+   - hosting setup
+10. lessons
+
+** what are ai agents
+- what is it at its core
+- what can it do
+- why do we need them
+
+#+caption: what is an ai agent
+#+attr_html: :width 600px
+[[../../_share/media/img/compsci/ai/herk/build_8hr/ch01_e01.png]]
+
+*** what it does
+- take input
+- process input
+- get output
+
+*** how to use it
+- send the output to a tool
+  - gmail
+  - latex
+  - anything
+
+- when we add an LLM to a tool we get
+  - ai workflow
+  - ai agent
+
+*** workflow vs agent
+**** ai workflow
+#+caption: ai workflow
+#+attr_html: :width 600px
+[[../../_share/media/img/compsci/ai/herk/build_8hr/ch01_e02a.png]]
+
+***** pros
+- reliability
+- cost efficiency
+- easier debugging and maintenance
+- scalability
+
+***** what we are doing
+- input
+- tools to process input
+- call the LLM
+- tool chain
+  - process output before final output
+- final output
+
+***** practical example
+- hubspot tool
+  - passes in lead
+
+- perplexity tool
+  - does research
+
+- LLM
+  - takes research
+
+- send email
+
+**** ai agent
+#+caption: ai agent
+#+attr_html: :width 600px
+[[../../_share/media/img/compsci/ai/herk/build_8hr/ch01_e02b.png]]
+
+***** how it works
+- takes input
+- has a set of tools at it's disposal
+- uses internal logic to decide what to do
+
+***** disadvantages
+- not linear
+- expensive
+
+***** when to use it
+- if the task is unpredicatable
+
+**** anatomy of an ai agent
+#+caption: anatomy of an ai agent
+#+attr_html: :width 600px
+[[../../_share/media/img/compsci/ai/herk/build_8hr/ch01_e02c.png]]
+
+***** outside features
+- input
+- LLM
+- output
+
+***** in the agent
+- brain
+  - LLM
+    - anthropic
+    - gemini
+  - memory
+    - long term
+    - short term
+    - it won't forget what we need it to remember
+
+- instructions
+  - system prompt
+    - differnt than input in that it stays the same
+    - input changes regularly, ie every interaction you have with chatgpt
+  - what is your role
+  - what do you do
+  - this is what you got to work with

build n8n ai agents - 8 hr course/_subsections/lesson-02.org

@@ -0,0 +1,19 @@
+#+title: Lesson 02 | n8n foundations (workflows, variables, etc)
+#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="../../_share/media/css/herk.css" />
+#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="../../_share/media/css/org-media-sass/collapsible.css" />
+#+HTML_HEAD: <script src="../../_share/media/js/collapsible.js"></script>
+
+* Links
+#+attr_html: :class links
+- [[../toc.org][TOC | Build n8n ai agents 8 hr course]]
+- [[https://www.youtube.com/watch?v=Ey18PDiaAYI][Course Video]]
+
+*** timestamps
+:PROPERTIES:
+:CUSTOM_ID: timestamp
+:END:
+
+#+attr_html: :class playlist
+- [[https://www.youtube.com/watch?v=Ey18PDiaAYI&t=725s][0:12:05 n8n Foundations (workflows, variables, JSON)]]
+
+* Notes

build n8n ai agents - 8 hr course/toc.org

@@ -10,6 +10,8 @@
 - [[https://www.youtube.com/@nateherk][Nate Herk Channel]]
 - [[https://www.youtube.com/@nateherk/playlists][Playlists]]
 
+Curr: https://youtu.be/Ey18PDiaAYI?si=wXRoyj8JxgBZT92i&t=546
+
 *** playlist
 :PROPERTIES:
 :CUSTOM_ID: playlist
@@ -18,7 +20,7 @@
 #+attr_html: :class playlist
 - [[https://www.youtube.com/watch?v=Ey18PDiaAYI][0:00:00 Course Agenda]]
 - [[https://www.youtube.com/watch?v=Ey18PDiaAYI&t=103s][0:01:43 AI Agents Simplified]]
-- [[https://www.youtube.com/watch?v=Ey18PDiaAYI&t=542s][0:09:02 The Industry Opportunity]]
+- [[https://www.youtube.com/watch?v=Ey18PDiaAYI&t=542s][0:09:02 The Industry Opportunity]] *current*
 - [[https://www.youtube.com/watch?v=Ey18PDiaAYI&t=725s][0:12:05 n8n Foundations (workflows, variables, JSON)]]
 - [[https://www.youtube.com/watch?v=Ey18PDiaAYI&t=2445s][0:40:45 n8n n8n Data Types]]
 - [[https://www.youtube.com/watch?v=Ey18PDiaAYI&t=2905s][0:48:25 23 Workflow Templates FREE]]
@@ -53,4 +55,5 @@
 
 * Contents Overview
 #+attr_html: :class contents-overview
-- [[./_subsections/lesson-01.org][Lesson 01 | Course Agenda]]
+- [[./_subsections/lesson-01.org][Lesson 01 | Course Agenda, what is an agent]]
+- [[./_subsections/lesson-02.org][Lesson 02 | foundations]]