diff --git a/Notebook.md b/Notebook.md
index 8103a05..e4cb53e 100644
--- a/Notebook.md
+++ b/Notebook.md
@@ -63,3 +63,93 @@ Here's a quick design sketch that captures te aesthetic of the site and some sty
+## 11/27/2024 - Figma Design
+
+I decided to go ahead and design the website using Figma so that everything I need is ready to go when I start actual implementation.
+
+
+
+## 11/30/2024 - Navbar and background
+
+To get started on the above design I think we should get a simple navbar working that can scroll to the various sections.
+We should classes to make things easier later.
+
+```
+
+
+
+
+
+
+
About Me
+
+
+
+
Previous Work
+
+
+
+
Projects
+
+
+
+
Contact
+
+
+```
+
+This is a pretty bland webpage with just the html, so let's add the backgound image and some styling.
+
+```
+body {
+ margin: 0;
+ font-family: Arial, sans-serif;
+ background-image: url("../images/Clouds.png");
+ background-size: cover; /* Ensure the image covers the entire viewport */
+ background-position: left; /* Center the image */
+ background-attachment: fixed; /* Make the image fixed during scrolling */
+}
+
+.navbar {
+ position: fixed;
+ top: 0;
+ width: 100%;
+ background: rgba(0, 0, 0, 0.7);
+ color: #fff;
+ padding: 1rem;
+ text-align: center;
+}
+
+.nav-link {
+ color: #fff;
+ margin-right: 1rem;
+ text-decoration: none;
+}
+
+section {
+ padding: 2rem;
+ color: #fff;
+ margin-top: 2rem;
+}
+```
+
+Much nicer!!! Now let's add in some simple JavaScript to scroll to the different sections by clicking the navbar links.
+```
+document.querySelectorAll('.nav-link').forEach(anchor => {
+ anchor.addEventListener('click', function (e) {
+ e.preventDefault();
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
+ behavior: 'smooth'
+ });
+ });
+ });
+```
+
+Lookin pretty good!
+
+
\ No newline at end of file
diff --git a/images/Figma.png b/images/Figma.png
new file mode 100644
index 0000000..9cb037e
Binary files /dev/null and b/images/Figma.png differ
diff --git a/images/SiteUpdate1.png b/images/SiteUpdate1.png
new file mode 100644
index 0000000..576105d
Binary files /dev/null and b/images/SiteUpdate1.png differ
diff --git a/site.html b/site.html
new file mode 100644
index 0000000..5e77203
--- /dev/null
+++ b/site.html
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+ MyWebsite
+
+
+
+
+
+
+
+
+
+