see this commit for how to write notes

Author: maxfierrog

config.yaml

@@ -17,13 +17,26 @@ params:
 
 menu:
   main:
+    - identifier: resume
+      name: resume
+      weight: 1
+      url: /resume/
+    - identifier: music
+      name: music
+      weight: 2
+      url: /music/
+    - identifier: notes
+      name: notes
+      weight: 3
+      url: /notes/
     - identifier: rss
       name: rss
-      weight: 1
+      weight: 4
       url: /index.xml
 
 permalinks:
   posts: "/:title/"
+  notes: "/notes/:title/"
 
 markup:
   highlight:

content/_index.md

@@ -2,7 +2,9 @@
 title: "Max Fierro"
 ---
 
-If you are here to learn about me as a collaborator, you might be interested in [my resume](/resume/). Otherwise, you can look at my favorite [music collections](/music/). Sometimes I also write things for "fun" and publish them here. If you find something interesting or useful, you should check your water supply for heavy metals. 
+---
+
+If you are here to learn about me as a collaborator, you might be interested in [my resume](/resume/). Otherwise, you can look at my favorite [music collections](/music/). I occasionally write things for "fun" and publish them later as [series of notes](/notes/) or as objective or subjective self-contained works. If you find something interesting or useful, buy a lottery ticket.
 
 **Email:** `maxfierro (at) berkeley (dot) edu`
 

content/music.md

@@ -0,0 +1,5 @@
+---
+title: "Notes"
+---
+
+A collection of notes organized by series. Each series contains related notes in a structured sequence.

content/notes/_index.md

@@ -0,0 +1,7 @@
+---
+title: "Machine Learning Basics"
+date: 2024-01-10
+description: "Foundational concepts in machine learning"
+---
+
+This series covers fundamental machine learning concepts including neural networks and backpropagation.

content/notes/machine-learning-basics/_index.md

@@ -0,0 +1,18 @@
+---
+title: "Backpropagation Explained"
+date: 2024-01-20
+draft: false
+order: 2
+description: "How neural networks learn through backpropagation"
+---
+
+Backpropagation is the fundamental algorithm that allows neural networks to learn from data. It works by computing gradients of the loss function with respect to each weight in the network.
+
+## The Algorithm
+
+1. **Forward Pass**: Input data flows through the network to produce predictions
+2. **Compute Loss**: Calculate the error between predictions and actual values
+3. **Backward Pass**: Propagate the error backward through the network
+4. **Update Weights**: Adjust weights using gradient descent
+
+This process repeats until the network achieves satisfactory performance.

content/notes/machine-learning-basics/backpropagation-explained/index.md

@@ -0,0 +1,17 @@
+---
+title: "Introduction to Neural Networks"
+date: 2024-01-15
+draft: false
+order: 1
+description: "Understanding the basics of neural networks"
+---
+
+Neural networks are computational models inspired by the human brain. They consist of interconnected nodes (neurons) organized in layers.
+
+## Key Concepts
+
+- **Input Layer**: Receives the raw data
+- **Hidden Layers**: Process and transform the data
+- **Output Layer**: Produces the final prediction
+
+Neural networks learn by adjusting weights between connections through a process called training.

content/notes/machine-learning-basics/intro-neural-networks/index.md

@@ -0,0 +1,7 @@
+---
+title: "Web Development"
+date: 2024-02-05
+description: "Core web development technologies"
+---
+
+This series explores fundamental web technologies including HTML and CSS.

content/notes/web-development/_index.md

@@ -0,0 +1,35 @@
+---
+title: "CSS Layout Techniques"
+date: 2024-02-15
+draft: false
+order: 2
+description: "Modern approaches to web page layout"
+---
+
+CSS provides several powerful layout systems for arranging elements on a web page.
+
+## Flexbox
+
+Flexbox is a one-dimensional layout method for arranging items in rows or columns:
+
+```css
+.container {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+```
+
+## Grid
+
+CSS Grid is a two-dimensional layout system:
+
+```css
+.container {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 20px;
+}
+```
+
+These modern layout techniques make it easier to create responsive designs.

content/notes/web-development/css-layout-techniques/index.md

@@ -0,0 +1,26 @@
+---
+title: "HTML Fundamentals"
+date: 2024-02-10
+draft: false
+order: 1
+description: "The building blocks of web pages"
+---
+
+HTML (HyperText Markup Language) is the standard markup language for creating web pages. It describes the structure and content of a web page.
+
+## Basic Structure
+
+```html
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Page Title</title>
+</head>
+<body>
+    <h1>My First Heading</h1>
+    <p>My first paragraph.</p>
+</body>
+</html>
+```
+
+HTML uses tags to define elements, which browsers interpret to display content.